Javascript 对所选文本tinymce应用预格式

我在tinymce工作，面临一个问题。每当我想对所选文本应用任何格式时，例如pre、block等，它确实适用于所有行，而不仅仅是所选文本

在上面的示例中，我将预格式化文本应用于“演示将显示集成”，但是，它将应用于整行。我可以修改此默认行为吗

tinymce.init({
 selector: 'textarea',
 height: 500,
 menubar: false,
 plugins: [
'advlist autolink lists link image charmap print preview anchor textcolor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table contextmenu paste code help wordcount'
],
toolbar: 'insert | undo redo |  formatselect | bold italic backcolor  |    alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help',
 content_css: [
'//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
'//www.tinymce.com/css/codepen.min.css']
 });

---

用于执行此操作的元素旨在更改块元素的格式。当您选择这些选项中的任何一个时，都会改变周围的块元素——这就是它的工作原理

您可以编写自己的自定义工具栏按钮来执行所需操作。请参阅此TinyMCE小提琴以了解示例：

关键是编辑器设置中的此功能：

editor.addButton('wrapinpre', {
   text: 'Wrap in PRE',
   icon: false,
   onclick: function () {
     editor.insertContent("<pre>" + editor.selection.getContent() + "</pre>");
   }
}

editor.addButton（'wrapinpre'{
文本：“在前包装”，
图标：false，
onclick:function（）{
editor.insertContent（“+editor.selection.getContent（）+”）；
editor.addButton('addpretag', { text: 'Add PRE tag',   onclick: function () {
    var text = tinyMCE.activeEditor.selection.getContent();
    tinyMCE.execCommand('mceReplaceContent', false, "<pre>" + text + "</pre>");
    }
});

}
}

---

请注意，当您执行此操作时，TinyMCE知道PRE是一个块标记，并将清除周围的HTML，以便在PRE节前后仍然有有效的块。

用于执行此操作的元素旨在更改块元素的格式。当您选择其中任何一个选项时，都会更改周围的HTML块元素-这就是它的工作原理

您可以编写自己的自定义工具栏按钮来执行所需操作。请参阅此TinyMCE小提琴示例：

关键是编辑器设置中的此功能：

editor.addButton('wrapinpre', {
   text: 'Wrap in PRE',
   icon: false,
   onclick: function () {
     editor.insertContent("<pre>" + editor.selection.getContent() + "</pre>");
   }
}

editor.addButton（'wrapinpre'{
文本：“在前包装”，
图标：false，
onclick:function（）{
editor.insertContent（“+editor.selection.getContent（）+”）；
editor.addButton('addpretag', { text: 'Add PRE tag',   onclick: function () {
    var text = tinyMCE.activeEditor.selection.getContent();
    tinyMCE.execCommand('mceReplaceContent', false, "<pre>" + text + "</pre>");
    }
});

}
}

---

请注意，当您执行此操作时，TinyMCE知道PRE是一个块标记，并将清除周围的HTML，以便在PRE部分前后仍然有有效的块。

这些代码行将替换现有的选定内容，并用

标记附加选定文本：

editor.addButton（'addpretag'，{text:'addpre-tag'，onclick:function（）{
var text=tinyMCE.activeEditor.selection.getContent（）；
tinyMCE.execCommand（'mceReplaceContent'，false，“+text+”）；
}
});

这些代码行将替换现有的选定内容，并用

标记附加选定文本：

editor.addButton（'addpretag'，{text:'addpre-tag'，onclick:function（）{
var text=tinyMCE.activeEditor.selection.getContent（）；
tinyMCE.execCommand（'mceReplaceContent'，false，“+text+”）；
}
});

谢谢，+Balakrishnan.s.我想确认一下，我们是否可以添加这个点击选项来设置选项的格式？我希望代码块格式{title:'Blocks'，items:[{title:'paration'，Format:'p'}，{title:'Blockquote'，Format:'Blockquote'}，{title:'Div'，Format:'Div，{title:'Pre'，format:'Pre'}，{title:'Code'，block:'Pre'，classes:'ckeditor_codeblock'，exact:true}，{title:'Fixed Width'，inline:'span'，classes:'Fixed_Width'，exact:true}谢谢，+Balakrishnan.s.我想确认一下，我们是否可以添加这个点击选项来设置选项的格式？我希望代码块格式{title:'Blocks'，items:[{title:'paration'，Format:'p'}，{title:'Blockquote'，Format:'Blockquote'}，{title:'Div'，Format:'Div}，{title:'Pre'，format:'Pre'}，{title:'Code'，block:'Pre'，classes:'ckeditor_codeblock'，exact:true}，{title:'Fixed Width'，inline:'span'，classes:'Fixed_Width'，exact:true}