可视化编辑器-对快捷代码进行彩色化

时间：2015-04-15 作者：Sp0tlight

我想用特定的颜色突出显示WordPress可视化编辑器中的短代码。E、 g.我有以下短代码

[shortcode1] Some text [/shortcode1]
              ...
[shortcode2] Some text [/shortcode2]
并且希望给每个人一个独特的颜色，这样用户就可以很容易地看到他应该改变什么。

我已经找到了一些语法突出显示HTML编辑器的解决方案，但没有一个用于可视化编辑器本身。

1 个回复
最合适的回答,由SO网友:Sp0tlight 整理而成

设法得到一个有效的解决方案。

你需要什么：

TinyMCE高级插件

您应该做什么：

自定义TinyMCE插件附带的Visual Blocks插件，并为要突出显示的每个元素添加css类（只需遍历所有p元素并解析innerHTML并检查它是否包含特定模式）。

最后看起来是这样的：enter image description here

结束
标签： wp-insert-post   wp-editor   小码农  

相关推荐

第一次提交时WP-EDITOR为空

我在一个简单的插件中使用wp编辑器，但我遇到了一个问题，第一次点击提交按钮时，数据库中的内容是空白的。<?php $editor_id = \'mycontent\'; wp_editor($content, $editor_id ); ?> 因此，我尝试使用以下内容提醒内容：if (j(\".wp-content-wrap\").hasClass(\"tmce-active\")){ alert(