1

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

然而，在 Chrome 中它会导致问题。例如，它不会将文本保存到 textarea 中或使内容变粗。可以在此网站上观察该问题或查看以下代码。请不要像一位回答者那样提供黑客攻击，因为这无济于事。

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

2 回答 2

1

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

于 2013-03-25T10:52:32.323 回答
0

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

当我在您的示例页面上运行此代码时，它对我有用（尽管您的服务器没有拾取 nicEditor HTML 标签）：

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

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

});

使用基于官方文档的无 jQuery 解决方案进行了更新。

于 2013-03-20T20:58:12.477 回答