验证FCKeditor

Question

如何使用 javascript 验证 FCKeditor 的必填字段。

Answer 1

试试这个，

var EditorInstance = FCKeditorAPI.GetInstance('message') ; 
if(EditorInstance.EditorDocument.body.innerText.length<=0)
{
alert("This firld is mandatory");
EditorInstance.EditorDocument.body.focus();
return false;
}

来源：

http://dreamtechworld.wordpress.com/2008/12/06/validating-firld-in-fckeditor-using-javascript/

Answer 2

使用 FireBug，查看它正在更新哪些隐藏的 textarea。然后检查该元素。

if (document.getElementById('fckinstance').innerHTML === '') {
    alert('required field');
}

这只是一个例子。它可能也不会使用这样的 id ，因为同一页面上有多个实例。

FCKeditor 替换的 textarea 可能是保存其 HTML 的区域。

另请注意，FCKeditor 可能看起来是空白的，即使其中有 HTML。

Answer 3

要验证 FCKeditor 是否为空，请创建以下函数并在验证包含 TEXTAREA 的编辑器时调用它：

function FCKCopy() {
    for (var i = 0; i < parent.frames.length; ++i ) {
        if (parent.frames[i].FCK)
            parent.frames[i].FCK.UpdateLinkedField();
    }
}

然后添加另一个函数以从 TEXTAREA 的值中剥离 HTML 标签：

function stripHTML(oldString) {
    var matchTag = /<(?:.|\s)*?>/g;
    return $.trim(oldString.replace(matchTag, ""));
}

在上面的函数中使用了 jQuery 的修剪函数。使用 jQuery 或用 java 脚本的一些修剪功能替换它，例如：

function trimIt(text) {
    rwhite = /\s/;

    trimLeft = /^\s+/;
    trimRight = /\s+$/;

    if ( !rwhite.test( "\xA0" ) ) {
        trimLeft = /^[\s\xA0]+/;
        trimRight = /[\s\xA0]+$/;
    }

    return text.toString().replace( trimLeft, "" ).replace( trimRight, "" );
}

现在您可以检查 TEXTAREA 的值，如下所示：

if (stripHTML($('message').val()) == '') {
     alert('Please enter Message.');
}

希望它能像我一样工作。

玩得开心

Answer 4

这可能对某人有用

var EditorInstance = FCKeditorAPI.GetInstance('JobShortDescription');

alert(EditorInstance.GetHTML());

资源是 http://docs.cksource.com/FCKeditor_2.x /Developers_Guide/JavaScript_API