자바 스크립트 및 WYSIWYG의 사용자 정의 태그에 내용 줄 바꿈

Question

웹 사이트에서 사용할 텍스트/요소를 선택할 수있는 기본 HTML 편집기로 버튼을 클릭하면 해당 정의가 사용자 정의 태그에 포함됩니다. 편집기의 내용은 백그라운드로 텍스트 필드에 값을 저장하여 서버에 제출해야합니다.

<description></description> 태그에 일부 콘텐츠를 포장해야합니다. 서버 측 HTML 파서가 검색 결과에 표시하기 위해 해당 콘텐츠 만 가져옵니다. 나는이 기능을 상자에서 꺼내어 버튼이나 액션을 배치하기위한 간단한 확장 기능을 만들거나 허용 할 수있는 편집기를 찾지 못하는 것 같습니다.

또한 워드 프로세서를 작동시킬 수있는 편집기는 보너스입니다. 나는 그 (것)들과 가진 다량 경험이 없다, 그러나 너가 입력을 누를 때 위 꼬리표가 그것의 앞에 무엇 이건을 복제하는 고민 거리의 종류, 이것은 모든 줄 긋기가 단 하나 선이다 그래야 첫번째 선에 다만 </br>두고 단락의 경우는 그 이상이 아닙니다.

Answer 1

기술적으로 커스텀 태그는 CSS 클래스 대신 및 일반 <div> 및 <span> 요소는 텍스트를 표시 할 때, HTML

https://stackoverflow.com/a/2802715/315168

당신은 HTML5 데이터 속성을 사용하는 것이 좋습니다 사용할 수 없습니다.

WYSIWYG의 경우 : 모든 Javscript WYSIWYG 편집기는 사용자 정의로 수행합니다. 그러나 매우 좁은 유스 케이스이므로 이러한 종류의 기능을 사용할 필요가 없습니다. 그러나 모든 에디터를위한 그러한 기능을 만드는 것은 에디터 API를 배우는 것의 문제 일뿐입니다. 모든 WYSIWYG 편집기는 HTML contentEditable 속성을 기반으로하므로 내부적으로 거의 동일합니다.

친숙한 경우 TinyMCE를 선택하십시오. 다른 옵션을보고 싶다면 간단한 Google 검색에서 알려줄 것입니다.

http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors