在不改变HTML源的情况下,在管理员TinyMCE编辑器中突出显示文本?

时间:2016-05-08 21:42:06

标签: javascript jquery wordpress wordpress-plugin tinymce

我自己的插件会在每篇文章中存储一些简短的句子,我需要在文本编辑器中突出显示它们,以便作者看到它们的位置并且不会触及它们。

我现在找到的唯一方法是使用TinyMCE主动编辑器的搜索和替换功能,用黄色范围包裹主题。然后我可以再次搜索和替换并打开它。

    <script>

        jQuery( window ).load(function() {

            var content = tinymce.activeEditor.getContent();

                content = content.replace(
                    "the text to highlight",
                    "<span style='background: yellow;'>the text to highlight</span>"
                );

                tinymce.activeEditor.setContent(content);

        });

    </script>

有没有比提交时撤消更好的解决方案?如果有人改变这个短语并且我的展开功能无法找到跨度,如何处理?

1 个答案:

答案 0 :(得分:0)

您是否考虑过使用noneditable插件?这允许您在标记上放置一个属性,使该标记的所有子元素都不可编辑。您还可以使用CSS来设置这些不可编辑部分的样式,以便明确它们是不可编辑的。

https://www.tinymce.com/docs/plugins/noneditable/