nicEdit在Chrome中没有相应的行为

Question

我集成了nicEdit，因为它非常轻，不像所有其他包含数百kb的。

在Chrome中，它会引起问题。例如，它不会将文本保存到文本区或将内容加粗。这个问题可以在这个网站上观察到或看到下面的代码。请不要提供像一个答案那样的hack，因为那不会有任何帮助。

为了调试，我已经禁用了编辑器。你可以通过新的nicEditor().panelInstance('comment');

<div class="rdd blog-item">
    <h1><a id="blog-item-title" href="/b/asdfssadfadf">this ia test</a></h1>
    <div class="blog-date">
         Date posted: 2013-03-01
    </div>
    <div class="blog-message">
        <p>
            asdfasdfas
        </p>
    </div>
    <div class="blog-keywords">
        Keywords: <a href="/k/dfsa sadfasd adfasf adfas">dfsa sadfasd adfasf adfas</a>
        - <a href="/k/jlk">jlk</a>
    </div>
    <h4>0 Comments</h4>
    <div class="blog-comment blog-new-comment">
        <form id="new_comment" name="new_comment">
            <div class="blog-comment-row">
                <h4></h4>
                <h4>Would you like to place a comment?</h4>
            </div>
            <div class="blog-comment-row">
                <label for="comment">Comment</label>
                <textarea name="comment" id="comment"></textarea>
            </div>
            <div class="blog-comment-row">
                <label for="name">Name</label>
                <input type="text" name="name" id="name" value="" title="Enter your name">
            </div>
            <div class="blog-comment-row">
                <label for="email">Email</label>
                <input type="text" name="email" id="email" value="" title="Enter your email">
            </div>
            <div class="blog-comment-row">
                <div class="blog-comment-cell">
                    &nbsp;
                </div>
                <div class="blog-comment-cell">
                    <a class="blog-comment-submit blog-comment-button" href="">Submit</a><br/>
                    Your ip address is 220.245.93.218
                </div>
            </div>
        </form>
    </div>
</div>

Answer 1

粗体问题是由CSS继承引起的。在你的css文件中删除rdd blog-item span{}，它将工作。nicEdit不会在文本区自动保存内容。在提交表单时，你必须运行:nicEditors.findEditor('comment').saveContent();保存

Answer 2

你可以在编辑器上绑定事件，并在事件触发时保存它的内容。

当我在您的示例页面上运行此代码时，它为我工作(您的服务器不拾取nicEditor HTML标签):

var commentNicEditor = new nicEditor().panelInstance('comment');
commentNicEditor.addEvent("blur", function () {
    commentNicEditor.instanceById('comment').saveContent();
});

基于官方文档更新了jQuery-free解决方案。