Текст водяного знака в CKEditor - PullRequest
Новая
       30

Текст водяного знака в CKEditor

0 голосов
/ 07 декабря 2011

Знаете ли вы, как добавить водяной знак в CKEditor (визуальный текстовый процессор)? Я хочу, чтобы поведение было таким: когда CKEditor загружен, он имеет текст по умолчанию. Когда я нажимаю на нее, текст должен исчезнуть.

Ответы [ 3 ]

1 голос
/ 29 мая 2012

Ниже приведены инструкции по добавлению водяного знака в CKEditor

Обычно, когда вы устанавливаете текст по умолчанию в Ck Editor через java скрипт при загрузке страницы. Событие 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, иначе он не будет работать

0 голосов
/ 05 июня 2012

Возможно, вы захотите попробовать этот плагин jQuery:

https://github.com/antoineleclair/ckwatermark

0 голосов
/ 29 мая 2012

Готовый плагин можно протестировать здесь .Он позволяет настраивать текст по умолчанию и принимать во внимание, диалоги, а также чтение данных из внешнего скрипта.

...