Question

我只是想知道文本编辑器的工作原理（jquery），我在网上找到了很多jquery文本编辑器。我的问题，编辑器本身不是textarea，而是我认为的iframe，但是cursonr如何像文本区域中的光标一样闪烁

请查看此http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html

如果您有关于如何制作文字编辑器的网址，请告诉我

Answer 1

您所指的通常称为WYSIWYG。

制作WYSIWYG的基础是使用属性 designMode = true 的iframe。基本上这就是你如何拥有textarea的外观和感觉，但有额外的功能。

有关详细信息，请查看这些教程：
- http://www.emirplicanic.com/javascript/cross-browser-textarea-editor.php
- https://developer.mozilla.org/en/Rich-Text_Editing_in_Mozilla
- http://msdn.microsoft.com/en-us/library/ms537834(VS.85).aspx

或使用关键字“WYSIWYG javascript tutorial”在Google上搜索。

相关答案
- javascript Rich Text Editors

Answer 2

似乎在文档对象上切换一个designMode属性，并使用此函数将其设置为“On”：

function tryEnableDesignMode(iframe, doc, callback) {
    try {
        iframe.contentWindow.document.open();
        iframe.contentWindow.document.write(doc);
        iframe.contentWindow.document.close();
    } catch(error) {
        console.log(error)
    }
    if (document.contentEditable) {
        iframe.contentWindow.document.designMode = "On";
        callback();
        return true;
    }
    else if (document.designMode != null) {
        try {
            iframe.contentWindow.document.designMode = "on";
            callback();
            return true;
        } catch (error) {
            console.log(error)
        }
    }
    setTimeout(function(){tryEnableDesignMode(iframe, doc, callback)}, 250);
    return false;
}

jQuery文本编辑器中的光标如何闪烁？

2 个答案: