UEditor编辑器中插入HTML代码的问题

By ivanilla at 2017-03-01
0人收藏 • 4762人看过

数据库中的文本以markdown格式保存，前端显示时再解析成HTML代码(以$markdown表示)：

<script id="ueditor" name="content" type="text/plain">$markdown</script>
<script type="text/javascript">
var ue = UE.getEditor('ueditor');
</script>

<script id="ueditor" name="content" type="text/plain"></script>
<script type="text/javascript">
var ue = UE.getEditor('ueditor');
ue.ready(function() {
    ue.setContent($markdown);
}
</script>

上面这两种方式，前者无法正常还原HTML代码，后者如果有换行会报错。应该怎样处理?

@lincanbin

HTML MarkDown php UEditor

lincanbin

2017-03-01

#1

<script id="ueditor" name="content" type="text/plain">$markdown</script>
<script type="text/javascript">
var preloadContent = $("#ueditor").html();
var ue = UE.getEditor('ueditor');
ue.ready(function(){
    ue.setContent(preloadContent);
}
</script>

ivanilla

2017-03-01

#2

回复#1 @lincanbin :

谢谢了，已解决。

ivanilla

2017-03-01

#3

回复#1 @lincanbin :

顺便问一下，UEditor跟Markdown的“兼容性”（当然，UEditor本身不支持markdown，我是把UEditor生成的html转成markdown格式保存的）怎么样？

比如插入代码这边似乎不好用：

echo test;

会被解析成：

<pre class="brush:php;toolbar:false">echo test;

其他类型的内容，比如图片，加粗，斜体，下划线这些是正常的，表格还没测试。

ivanilla

2017-03-01

#4

回复#3 @ivanilla :

上下标，引用和链接也正常。

lincanbin

2017-03-01

#5

回复#3 @ivanilla :

修改一下Markdown转HTML的解析吧。

Ueditor有自己的代码上色方案。

ivanilla

2017-03-02

#6

回复#5 @lincanbin :

我还是在输出前替换吧

因为markdown解析用的是扩展包。。。

lincanbin

2017-03-02

#7

回复#6 @ivanilla :

也可以。

chengqian

2017-03-06

#8

解结

香草大叔

2017-03-24

#9

> 测试

登 录

登录