Yui 편집기를 사용하여 사용자 정의 HTML 태그를 삽입하는 방법

Question

Yui가 설정하고 작동했습니다. 사용자 정의 버튼을 만들었고 잘 나타납니다. 이 버튼이 원하는 것은 'Bold'버튼을 'strong' / 'bold'태그로 클릭하는 것과 마찬가지로 내 자신의 사용자 정의 'Span'태그로 선택한 텍스트를 랩핑하는 것입니다.

누구 든지이 일을 할 수있는 예가 있습니까?

Answer 1

나 자신을위한 솔루션을 발견 했으므로 다른 사람들도 볼 수 있도록 게시하고 있습니다. :)

먼저, MK_DEV에게 영감을 주신 것에 큰 감사를드립니다. 비슷한 질문이 4 월에 다시 물었다. 다음은 내 문제 (위)에 필요한 모든 코드입니다.

this.toolbar.on('mycustombuttonClick', function() {
        var sSelection = this._getSelection();
        var sNewElt = '<span class="testhere">' + sSelection + '</span>';
        this.execCommand('inserthtml', sNewElt);
        return false;
    }, this, true);

이것은 HTML을 삽입하는 버튼이 도구 모음에 있다고 가정합니다.