Ckeditor 编辑器中的水印文本

您知道如何在CKEditor（可视文字处理器）中添加水印吗？

---

我想要这样的行为：加载CKEditor时，默认情况下它有文本。当我点击它时，文本必须消失。

下面是在CKEditor中添加水印的步骤

通常，当您通过页面加载上的java脚本在Ck编辑器中设置默认文本时。JavaScript事件在控件实际加载之前触发，因此如果可能，请为代码隐藏设置文本

在Javascript中为OnFocus和OnBlur附加事件

在此函数中定义默认文本

---

您还可以通过在默认文本中添加类来定义水印样式，并将该类放入您的ck编辑器内容css中，否则它将无法工作。

可以测试一个现成的插件。它允许自定义默认文本，并考虑帐户、对话框以及从外部脚本读取数据。

您可能需要尝试此jQuery插件：

正如我在中所解释的，这种基本方法的问题在于，它无法正确处理对话框，如果用户提交表单，占位符文本可能会被发送。

$(document).ready(function() {
    var myeditor = CKEDITOR.instances['EditorId'];

    myeditor.on("focus", function(e) {
        RemoveDefaultText();
    }); 
    myeditor.on("blur", function(e) {
        setDefaultText();
    });
});

function setDefaultText() {
    if (CKEDITOR.instances['EditorId'].getData() == '') {
        CKEDITOR.instances['EditorId'].setData('Your Message Here'); 
    }
}

function RemoveDefaultText() {
   if (CKEDITOR.instances['EditorId'].getData().indexOf('Your Mesage Here') >= 0) {
       CKEDITOR.instances['EditorId'].setData('');
       CKEDITOR.instances['EditorId'].focus();
   }
}