Надеюсь, я правильно понял ваш вопрос. Вы просто хотите иметь возможность вставить что-то подобное в текстовое поле?
<style>
.className { font-weight: bold;}
</style>
Если это так, то у меня так работает, используя то, что указано в документации по API YUI. В частности, эта часть на invalidHTML
Перед тем, как инициализировать редактор, я указываю все недействительные теги, которые хочу удалить:
var invalidTags = {"abbr":{ "keepContents":true },
"acronym":{ "keepContents":true }, "address":{ "keepContents":true },
"applet":"", "area":"", "base":"", "basefont":"", "bdo":"", "big":"",
"blockquote":{ "keepContents":true }, "body":{ "keepContents":true }}
Мой довольно длинный список (в основном все html-теги), поскольку я исключаю все, кроме p, style, br, ul, ol, li. Так что в вашем случае вы бы пропустили тег стиля.
Затем я настраиваю редактор, а затем передаю в качестве тега invalidTTML для invalid перед редактором редактор.
Так вот как все выглядит после того, как все сказано и сделано.
var invalidTags = {"abbr":{ "keepContents":true },
"acronym":{ "keepContents":true }, "address":{ "keepContents":true },
"applet":"", "area":"", "base":"", "basefont":"", "bdo":"", "big":"",
"blockquote":{ "keepContents":true }, "body":{ "keepContents":true }}
var editor = new YAHOO.widget.Editor('myeditor', {
height: '300px',
width: '500px',
dompath: true,
filterWord: true
}
editor.invalidHTML = invalidTags;
editor.render();
YAHOO.util.Event.on('Update', 'click', function() {
editor.saveHTML();
}
Так вот как я могу сохранить теги, которые хочу. например. стиль.
Надеюсь, это поможет вам.