我有一个编辑器区域之外的下拉列表。我必须<span>
在所选文本周围添加任何列表项的选择。我为此制作了样式。但它不起作用。注意:我没有使用任何插件。
document.write( '<select id="markup" onchange="createEditor( this.value );">' );
var markup = ['Person','Event','Place'];
for ( var i = 0 ; i < markup.length ; i++ )
{
document.write(
'<option value="' + markup[i] + '">' +
markup[i] +
'</option>' );
}
document.write( '</select>' );
var editor;
function createEditor( selected )
{
if ( editor )
editor.destroy();
/* CKEDITOR.stylesSet.add( 'my_styles',
[
{ name : 'Span1', element : 'span', attributes : { 'itemprop' : 'prop' } },
{ name : 'Span2', element : 'span', attributes : { 'itemscope' : '' , 'itemtype' : 'type' } }
]); */
editor = CKEDITOR.replace( 'editor1',
{
style : new CKEDITOR.style(
{
element : 'span',
attributes : { 'itemprop' : 'prop' },
}),
style1 : new CKEDITOR.style(
{
element : 'span',
attributes : { 'itemscope' : '' , 'itemtype' : 'type' },
}),
on :
{
instanceReady : function()
{
// config.stylesSet = 'my_styles';
var mark = document.getElementById( 'markup' );
this.style.apply(editor.getSelection().getSelectedText());
// this.style1.apply(editor.document);
}
}
} );
}
createEditor( '' );
</script>
<span>
请帮助任何人在选择下拉列表的列表项时包装选定的文本。