首先,确保您已经正确安装了 TinyMCE 插件,并激活了富文本编辑器功能。接下来,您需要按照以下步骤对多个 TinyMCE 编辑器进行验证:
var editors = [];
editors.push(new TinyMCE({
selector: '#editor1',
theme: 'modern',
plugins: ['advlist autolink lists link image charmap print preview hr anchor pagebreak', 'searchreplace wordcount visualblocks visualchars code fullscreen', 'insertdatetime media table contextmenu paste', 'save table textcolor colorpicker textpattern'],
toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | print preview media | forecolor backcolor emoticons',
}));
editors.push(new TinyMCE({
selector: '#editor2',
theme: 'modern',
plugins: ['advlist autolink lists link image charmap print preview hr anchor pagebreak', 'searchreplace wordcount visualblocks visualchars code fullscreen', 'insertdatetime media table contextmenu paste', 'save table textcolor colorpicker textpattern'],
toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media | print preview media | forecolor backcolor emoticons',
}));
body {
font-family: Arial, sans-serif;
}
#editor1, #editor2 {
width: 100%;
height: 200px;
padding: 10px;
box-sizing: border-box;
}
现在,您已经成功在 WordPress 中添加了多个 TinyMCE 编辑器。您可以根据需要进一步定制它们,使用 CSS 调整样式,添加更多插件等。
领取专属 10元无门槛券
手把手带您无忧上云