Question

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

但是在Chrome中却会出现问题。例如，它不会将文本保存到textarea或使事情变粗。可以在this website处查看此问题，或参见下面的代码。请不要像一个回答者那样提供黑客攻击，因为这对任何事都没有帮助。

我已禁用编辑器以进行调试。您可以通过新的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

Bold问题是由CSS继承引起的。在你的css文件中删除rdd blog-item span {}，它会起作用。 nicEdit不会在textarea中自动保存内容。因此，在表单提交时，您必须运行：nicEditors.findEditor（'comment'）。saveContent（）;保存它

Answer 2

您可以在编辑器上bind events并在触发该事件时保存其内容。

当我在您的示例页面上运行此代码时，它适用于我（您的服务器不会提取nicEditor HTML标记）：

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

    commentNicEditor.instanceById('comment').saveContent();

});

更新了基于official documentation的无jQuery解决方案。

nicEdit在Chrome中没有相应的行为

2 个答案: