Пользовательская кнопка tinymce заменяет содержимое - PullRequest
Новая
       17

Пользовательская кнопка tinymce заменяет содержимое

3 голосов
/ 08 декабря 2011

Я добавил пользовательскую кнопку «Цитировать». 

ed.addButton('blockquote', {
    title : 'blockquote',
    cmd : 'mceblockquote',
    image : url + '/img/blockquote.gif',
    onclick : function() {
        var blockquoteActive = tinyMCE.activeEditor.controlManager.get('blockquote').isActive();
        if (blockquoteActive) {
             //replace <blockquote> tags ?!
             //set Button inactive       
        }
        else {
            ed.selection.setContent('<blockquote>' + ed.selection.getContent() + '</blockquote><br />');
        }
        }

});

ed.onNodeChange.add(function(ed, cm, n) {
    cm.setActive('blockquote', n.nodeName == 'IMG');
})

Когда я нажимаю кнопку, все работает нормально.Выбор цитируется.

  • Как заменить теги blockquote при повторном нажатии кнопки?
  • Как установить кнопку неактивной?

С уважением, саромба

Ответы [ 2 ]

2 голосов
/ 09 декабря 2011

это сработало, спасибо ... Я сделал некоторые изменения (возможно / возможно улучшения).

Когда ничего не выделено, ничего не делать

Когда текст уже заключен в кавычки

Когда пользователь пометил текст двойным щелчком, элемент blockquote теперь будет удален 

onclick : function() {
                var blockquoteActive = tinyMCE.activeEditor.controlManager.get('blockquote').isActive();
                var selection = ed.selection.getContent();
                if (blockquoteActive) {

                   if (selection) {
                       var parElem = ed.dom.getParent(ed.selection.getNode(), 'blockquote');
                       var inner = parElem.innerHTML;
                       ed.dom.remove(parElem);
                       ed.selection.setContent(inner);
                   }
                   else return

                }
                else {
                    if (selection) {
                        ed.selection.setContent('<blockquote>' + ed.selection.getContent() + '</blockquote><br />');
                    }
                }
            }
1 голос
/ 08 декабря 2011

Попробуй это. Вы можете немного его изменить. 

ed.addButton('blockquote', {
    title : 'blockquote',
    cmd : 'mceblockquote',
    image : url + '/img/blockquote.gif',
    onclick : function() {
        var blockquoteActive = tinyMCE.activeEditor.controlManager.get('blockquote').isActive();
        if (blockquoteActive) {
             //replace <blockquote> tags ?!

             content = ed.selection.getContent();
             content.replace(/<\/?blockquote>/ig,'');
             ed.selection.setContent(content);

             //set Button inactive

             // works only if blockquote is registered at the controlManager
             ed.controlManager.setActive('blockquote', false);

        }
        else {
            ed.selection.setContent('<blockquote>' + ed.selection.getContent() + '</blockquote><br />');
        }
    }

});
...