wysihtml5 편집기 - 요소에 클래스를 추가하는 방법?

Question

저는 wysihtml5을 좋아하지만 요소에 클래스를 추가하는 것과 같은 간단한 문서를 찾을 수 없습니다.

이

blockquote.pull 왼쪽은 blockquote.pull 오른쪽이

(각 클래스는 다른 스타일을 지정합니다

기본적으로 내가 무엇을 찾고있어 인용구 요소에 2 가지 변화를 허용하는 방법 속성)

이상적으로 나는 (blockquote 요소와 함께 선택을 감싸기 위해) formatblock 명령을 사용할뿐만 아니라 blockquote의 클래스를 지정할 수있는 2 개의 추가 도구 모음 버튼을 만들고 싶습니다.

아이디어가 있으십니까? 명확성을 위해 별도의 custom.js 파일에이 같은 사용자 정의 기능을 추가

Answer 1

시도 :

wysihtml5.commands.custom_class = { 
    exec: function(composer, command, className) { 
    return wysihtml5.commands.formatBlock.exec(composer, command, "blockquote", className, new RegExp(className, "g")); 
    }, 
    state: function(composer, command, className) { 
    return wysihtml5.commands.formatBlock.state(composer, command, "blockquote", className, new RegExp(className, "g")); 
    } 
}; 

다음 도구 모음에서 클래스를 가정하고 다음과 같이 클래스 이름을 통과은 "당겨 왼쪽"입니다 :

<a data-wysihtml5-command="custom_class" data-wysihtml5-command-value="pull-left">Pull left</a> 

당신은 또한 당신이 저장하면 다른 클래스가 밖으로 제거됩니다의 advanced.js 파일에 가서 수업에서 거기에 추가하여 "화이트리스트"에 사용자 정의 클래스를 추가해야합니다.