0

你知道如何在 CKEditor（可视文字处理器）中添加水印吗？我想要这样的行为：加载 CKEditor 时，默认情况下它有文本。当我点击它时，文本必须消失。

4

3 回答 3

1

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

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

在 Javascript 中为 OnFocus 和 OnBlur 附加事件

$(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();
   }
}

您还可以通过将类添加到默认文本并将类放入您的 ck 编辑器内容 css 来定义水印样式，否则它将不起作用

于 2012-05-29T10:20:59.093 回答
0

可以在此处测试即用型插件。它允许自定义默认文本，并考虑计数、对话框以及从外部脚本读取数据。

于 2012-05-29T13:48:24.697 回答
0

你可能想试试这个 jQuery 插件：

https://github.com/antoineleclair/ckwatermark

于 2012-06-05T13:43:14.263 回答