,可以通过以下步骤实现:
content_css
属性指定一个CSS文件,该文件将用于自定义样式。tinymce.init({
// 其他配置项...
content_css: 'path/to/custom.css',
});
.my-custom-class {
color: red;
font-weight: bold;
/* 其他样式属性... */
}
selection
API获取当前选定的文本。var editor = tinymce.get('your-editor-id');
var selectedText = editor.selection.getContent();
selection
API的setNode
方法,将选定的文本包裹在一个span
元素中,并添加你想要的自定义类。editor.selection.setNode(editor.dom.create('span', {
class: 'my-custom-class'
}, selectedText));
<link rel="stylesheet" href="path/to/custom.css">
这样,当用户在tinymce编辑器中选定文本后,点击一个按钮或执行某个操作时,选定的文本将被包裹在一个带有自定义类的span
元素中,从而应用你定义的样式。
请注意,以上步骤是基于tinymce V5版本的,如果你使用的是其他版本,可能会有些许差异。另外,这里没有提及具体的腾讯云产品和链接地址,因为腾讯云并没有与tinymce直接相关的产品。
领取专属 10元无门槛券
手把手带您无忧上云