Добавление собственного стиля в редактор контента - PullRequest
Новая
       8

Добавление собственного стиля в редактор контента

2 голосов
/ 18 июня 2009

У меня есть стандартный редактор контента, который использует iFrame в качестве текстовой области и затем выполняет замену выпадающих меню:

idContent.document.execCommand (CMD "", неавтоматического);

где "idContent" - это iFrame.

Предполагается, что одно из выпадающих меню является стилем, но оно выполняет команду "formatBlock".

У меня есть таблица стилей. Есть ли у меня способ поместить стили, которые я создал, в этот стиль? Если нет, у меня может быть другое раскрывающееся меню для этих пользовательских стилей, но как называется команда для установки этих стилей?

Вот раскрывающийся список и JavaScript, который я сейчас использую: 

 <select onchange="cmdExec('formatBlock',this[this.selectedIndex].value);this.selectedIndex=0">
<option selected>Style</option>
    <option value="Normal">Normal</option>
    <option value="Heading 1">Heading 1</option>
    <option value="Heading 2">Heading 2</option>
    <option value="Heading 3">Heading 3</option>
    <option value="Heading 4">Heading 4</option>
    <option value="Heading 5">Heading 5</option>
    <option value="Address">Address</option>
    <option value="Formatted">Formatted</option>
    <option value="Definition Term">Definition Term</option>
  </select>

 function cmdExec(cmd,opt) 
    {   
    idContent.document.execCommand(cmd,"",opt);
         idContent.focus();
    }

1 Ответ

1 голос
/ 18 июня 2009

Можно связать таблицу стилей с документом, который вы в настоящее время редактируете, при условии, что в iframe есть документ в designMode. Таблица стилей может содержать стили, которые вам нравятся, которые вы можете применить, изменяя имена классов CSS элемента или заключая в элемент HTML, который имеет имя класса. Однако вы не сможете применить его с помощью команд designMode. Вам нужно будет использовать выборки и диапазоны и вручную изменять разметку HTML, чтобы применить желаемый стиль.

Прочтите следующую статью об общих командах, которые вы можете применить: https://developer.mozilla.org/en/Midas

В следующих статьях будут описаны продвинутые методы редактирования с использованием Selections & Ranges: https://developer.mozilla.org/en/DOM/Selection

https://developer.mozilla.org/en/DOM/range

...