Текстовый редактор необходима помощь

Question

я наткнулся на этот редактор: http://jsfiddle.net/RRBHw/22/

Мой вопрос, где же эти значения (жирный шрифт, курсив, неупорядоченный список) взялось? Все, что я вижу, это

  <p>\ 
       <a href='#' class='bold'>Bold</a>\ 
       <a href='#' class='italic'>Italic</a>\ 
       <a href='#' class='unorderedlist'>List</a>\ 
      </p></div></div>"); 

       $('.bold', tb).click(function() { 
        formatText('bold'); 
        return false; 
       }); 
       $('.italic', tb).click(function() { 
        formatText('italic'); 
        return false; 
       }); 
       $('.unorderedlist', tb).click(function() { 
        formatText('insertunorderedlist'); 
        return false; 
       }); 

Не похоже на то, что все работает. Но опять же, как бы я добавил к нему дополнительные опции (например, h1, подчеркивание)?

Answer 1

Вы должны взглянуть на функцию «formatText» в том же коде:

function formatText(command, option) { 
    iframe.contentWindow.focus(); 
    try { 
     iframe.contentWindow.document.execCommand(command, false, option); 
    } catch (e) { 
     console.log(e); 
    } 
    iframe.contentWindow.focus(); 
} 

В частности, эта строка:

iframe.contentWindow.document.execCommand(command, false, option); 

Так что, если вы используете «bold» в качестве команды например, HTML будет изменен и будет выделен жирным шрифтом.

Здесь у вас есть некоторая документация:

https://developer.mozilla.org/en-US/docs/Web/API/document/execCommand

и возможный список команд, если вы хотите продлить его, используя один и тот же путь:

https://developer.mozilla.org/en-US/docs/Web/API/document/execCommand#Commands