javascript - EpicEditor 文本显示为而不是空格

Question

不确定这本身是否是一个实际问题，但我正在使用 Epic Editor在我的 GAE 应用程序中输入和保存 markdown(webpy，mako 作为模板引擎)。

我在表单中有一个隐藏的输入元素，当我提交表单时，它会被 EpicEditor 的内容填充，但所有的空格都被替换为  。这是预期的功能吗？如果我在 EpicEditor 站点上检查相同的代码，它显然返回空格而不是   那么我的有什么不同呢？

<form>
<!-- form elements -->
<input id="content" name="content" type="hidden" value></input>
<div id="epiceditor"></div>
<button type="submit" name="submit" id="submit">submit</button>
</form>

<script type="text/javascript">
    $('button#submit').click(function(){
        var content = editor.getElement('editor').body.innerHTML; //all the spaces are returned as &nbsp; and breaks are <br>
        $('input#content').html(content);
    });
</script>

注意:我想将我的内容作为 Markdown 保存在我的数据存储的 TextProperty 字段中，并在我使用 marked.js 检索它时生成 html 标签

Answer 1

我是 EpicEditor 的创建者。你不应该得到 innerHTML。在您编写时，EpicEditor 不会对 innerHTML 做任何事情。您看到的文本和代码在所有浏览器之间都会有所不同，这就是 contenteditable 字段的工作方式。例如，某些浏览器会为一些   的空格插入 UTF-8 字符。

EpicEditor 为您提供了规范化文本的方法。您不应该尝试手动解析文本。

$('button#submit').click(function(){
    var content = editor.exportFile();
    $('input#content').html(content);
});

有关 exportFile 的更多详细信息:http://epiceditor.com/#exportfilefilenametype

附言你不需要做输入#content。这与 #content 相同 :)