在TinyMCE 5中,可以通过使用formats
选项来向元素添加样式,而不需要自定义按钮。
首先,你需要在TinyMCE的初始化配置中添加一个formats
属性。这个属性是一个数组,包含你想要应用的样式。
tinymce.init({
selector: 'textarea',
formats: {
myCustomClass: { // 你可以自定义样式的名字
inline: 'span',
classes: 'my-custom-class' // 这里指定你想要应用的CSS类名
}
},
toolbar: 'myCustomClass', // 在工具栏中添加你自定义的样式按钮
});
在上面的示例中,我们添加了一个名为myCustomClass
的自定义样式。该样式将会应用于span
元素,并且具有my-custom-class
这个CSS类。
现在,在编辑器中选中一段文本,并点击工具栏上的自定义样式按钮,选中的文本将会被包裹在一个带有指定样式的span
元素内。
这种方式能够在TinyMCE中使用样式,而不需要自定义按钮。但要注意,这只是一种添加样式的方法,如果你希望进行更复杂的自定义操作,可能需要编写自定义插件或者扩展TinyMCE的功能。
推荐腾讯云的云产品:腾讯云文档存储(COS)。它是一种高扩展性的对象存储服务,适用于多种应用场景,包括网站托管、图片和视频分享、在线游戏等。
领取专属 10元无门槛券
手把手带您无忧上云