사용자 정의 CMS 필드에 대한 리치 텍스트 편집기

Question

네,이 질문에 대한 답변을 알고 있습니다.

사용자 정의 CMS의 설명 필드를 일반인이 쉽게 입력하여 사이트를 재 설계 할 수있게하려는 경우.

실제로 모든 것은 특수 문자와 MS 단어 등에서 복사 된 모든 쓰레기를 정상적으로 처리하는 텍스트 영역입니다.

저는 콘텐츠와 프리젠 테이션을 명확히 구분하는 것이 좋기 때문에 모든 유명한 이름 편집기에 모든 형식 옵션이 필요하지 않습니다. 내 규칙은 툴바가 너무 많으면 필수적입니다. 그리고 고객들에게 자격 상한제를 배우라고 요구하지 않습니다.

그들이 속한 곳에서 단락과 줄 바꿈을 눈에 보이지 않게 추가하면 좋을 것입니다. 그러나 이것은 짧은 설명 텍스트, 어쩌면 100 단어, 문서 작성이 아니므로 선택 사항입니다.

나는 바퀴를 다시 발명하고 싶다. 그러나 처음에는 질문을하지만. 아무도 이미 이것들 중 하나를 다 했나요?

감사합니다.

Answer 1

가장 일반적인 것은 아마도 TinyMCE이지만 SO의 리드를 따르지 않고 WMD을 사용해야하는 이유는 무엇입니까?

Answer 2

EasyEditor 매우 평범하고 똑바로 앞으로 사용할 수도 있고 맞춤식으로 사용할 수도 있습니다.

HTML :

<form action="" id="myform" class="demo-form"> 
    <label for="title">Title</label> 
    <input type="text" id="title" placeholder="Enter title"> 

    <label for="description">Description</label> 
    <textarea name="description" id="description" rows="10" placeholder="Enter article body"></textarea> 

    <button type="submit" class="btn">Save article</button> 
</form> 

CSS :

<link rel="stylesheet" href="path_to/easyeditor.css"> 

JS :

<script src="path_to/jquery.min.js"></script> 
<script src="path_to/easyeditor.js"></script> 

<script> 
    jQuery(document).ready(function($) { 
     new EasyEditor({ 
      element: '#description' 
     }); 
    }); 
</script> 

더 많은 예제 here