CKEditor이라는 WYSIWYG 편집기를 사용하고 있으며 정말 멋지군요.HTML 편집기 요소에 클래스 추가에 대한 도움이 필요합니다.
여기에 참조 링크의
<h2 class="blah">Sample Text</h2>
<img src="/abc.png" class="blah1" />
누구나 나를 도와 줄 수 있다면 나는 자바 스크립트에 좋지 않다. 정말 감사 할 것이다.
감사합니다.
예를 들어, 요소가 "고도"속성이 채워있을 것이라는 점을 보장합니다 다음 코드를
editor.dataProcessor.htmlFilter.addRules(
{
elements :
{
img : function(element)
{
if (!element.attributes.alt)
element.attributes.alt = 'An image';
}
}
});
개요 읽기 (http://docs.cksource.com/CKEditor_3.x/Developers_Guide/ Data_Processor)이 예제는 거기에서 가져 왔습니다.
"클래스"에 대해서도 동일한 작업을 수행 할 수 있습니다. 기존 출력을 살펴본 다음 누락 된 경우 '클래스'를 추가하거나 의도가있는 경우이를 바꿉니다.
이 question에 대한 답변을 살펴보십시오.
정의 중에 대화 상자를 사용자 정의하고 "클래스"필드를 추가 한 다음 설치 및 커밋 기능에서 내용을 설정하고 가져옵니다.
대화 상자 수정에 대한 배경은 ckeditor/_samples/api_dialog.html을 참고하십시오.
제목을 수정하려면 명령을 수정해야합니다. 대화는 없습니다.
"데이터 프로세서"의 특정 태그를 기반으로 동일한 클래스를 항상 적용하는 방법이 있습니다. 매번 동일한 클래스를 설정하거나 사용자가 클래스를 선택할 수 있도록 허용 하시겠습니까? 이는 옵션을 상당히 변경하기 때문에 중요합니다.
고맙습니다. rQuinn, 사용자가 H1이나 h2 또는 태그를 삽입 할 때마다 동일한 클래스가 필요합니다. UI 대화 상자없이이 작업을 수행 할 수 없습니다 (옵션 추가없이 클래스 추가). UI 대화 상자를 통해 클래스 자체를 선택하려면 어떻게해야합니까?) – dsignr
항상 동일한 클래스를 추가하는 것이 대화 상자를 수정하는 것보다 쉽습니다. checkout [jsdoc] (http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.dataProcessor.html) 및 [overview] (http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Data_Processor) – rquinn
수 있습니다. 거기에서 시작할 수 있도록 몇 가지 샘플 코드를 보여 줍니까? 시간과 인내심을 가져 주셔서 대단히 감사합니다. Imag xx – dsignr
고맙습니다. 내가 뭘 찾고 있었습니까! – dsignr
이것은'class' 속성을 추가하는 데는 효과가없는 것 같습니다. – Musa