html编辑器的预览功能怎么实现

洛奇 2011-10-25 09:43:21

要做一个有预览功能的html编辑器，用js怎么实现？

...全文

427 14 打赏收藏转发到动态举报

写回复

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

flyerwing 2011-10-25

打赏
举报

回复

[Quote=引用楼主 luoqi2012 的回复:]
要做一个有预览功能的html编辑器，用js怎么实现？
[/Quote]
一般EDITOR都有这功能，难道楼主是想自己写一个了。

ChinaXtHuLang 2011-10-25

打赏
举报

回复

http://www.kindsoft.net/demo.php

自己去下载。有源码版。

洛奇 2011-10-25

打赏
举报

回复

现成的编辑器，可是原理不清楚，想试一下能不能实现这个功能。下载了个编辑器可js文件处理过了，找不到对应的语法。哪位能提供以下编辑器源码也可以，我自己研究研究，就结贴了！

ChinaXtHuLang 2011-10-25

打赏
举报

回复

[Quote=引用 7 楼 somethingjack 的回复:]
引用 2 楼 chinaxthulang 的回复:

用编辑器自带的不就行了吗？
http://www.kindsoft.net/demo.php

论坛签名======================================================================

luoqi2012:你好!
截至 2011-10-25……
[/Quote]
呵呵。不清楚额。

楼主还是不要再造轮子了吧。。现在有很多编辑器啊。

论坛签名======================================================================

luoqi2012:你好!
截至 2011-10-25 09:43:21 前:
你已发帖 0 个, 未结贴 0 个;
结贴率为： 100.00%

当您的问题得到解答后请及时结贴.
http://topic.csdn.net/u/20090501/15/7548d251-aec2-4975-a9bf-ca09a5551ba5.html
http://topic.csdn.net/u/20100428/09/BC9E0908-F250-42A6-8765-B50A82FE186A.html
http://topic.csdn.net/u/20100626/09/f35a4763-4b59-49c3-8061-d48fdbc29561.html

如何给分和结贴？
http://community.csdn.net/Help/HelpCenter.htm#结帖

如何给自己的回帖中也加上签名？
http://blog.csdn.net/q107770540/archive/2011/03/15/6250007.aspx

洛奇 2011-10-25

打赏
举报

回复

如何放到div中？设置innerHtml？

洛奇 2011-10-25

打赏
举报

回复

能上能在具体一点么？

SomethingJack 2011-10-25

打赏
举报

回复

[Quote=引用 2 楼 chinaxthulang 的回复:]

用编辑器自带的不就行了吗？
http://www.kindsoft.net/demo.php

论坛签名======================================================================

luoqi2012:你好!
截至 2011-10-25 09:43:21 前:
你已发帖 0 个, 未结……
[/Quote]
- - 为什么我一样的JS插件却没有楼主的名字？

黄亮 2011-10-25

打赏
举报

回复

放到div里设置innerHTML不就行了

ASPNETCHENGXU 2011-10-25

打赏
举报

回复

[Quote=引用 4 楼 luoqi2012 的回复:]

预览指的是预览使用编辑器编辑的内容
[/Quote]
一般的都有着个功能啊，eWebEditor

洛奇 2011-10-25

打赏
举报

回复

预览指的是预览使用编辑器编辑的内容

洛奇 2011-10-25

打赏
举报

回复

我自己要写一个编辑器，用.net和js，那个自带的好像没有吧。。。

ChinaXtHuLang 2011-10-25

打赏
举报

回复

用编辑器自带的不就行了吗？
http://www.kindsoft.net/demo.php

论坛签名======================================================================

luoqi2012:你好!
截至 2011-10-25 09:43:21 前:
你已发帖 0 个, 未结贴 0 个;
结贴率为： 100.00%

当您的问题得到解答后请及时结贴.
http://topic.csdn.net/u/20090501/15/7548d251-aec2-4975-a9bf-ca09a5551ba5.html
http://topic.csdn.net/u/20100428/09/BC9E0908-F250-42A6-8765-B50A82FE186A.html
http://topic.csdn.net/u/20100626/09/f35a4763-4b59-49c3-8061-d48fdbc29561.html

如何给分和结贴？
http://community.csdn.net/Help/HelpCenter.htm#结帖

如何给自己的回帖中也加上签名？
http://blog.csdn.net/q107770540/archive/2011/03/15/6250007.aspx

liukaizxc 2011-10-25

打赏
举报

回复

用cuteeditor 带预览功能的

liukaizxc 2011-10-25

打赏
举报

回复

造轮子太麻烦了一个人要造很久的轮子。。。。。。。。

微信公众平台开发之微信编辑器开发是子恒老师《微信公众平台开发》视频教程的第11部。...内容包含微信公众号编辑器开发思路，编辑器前端页面，功能实现，添加新样式等等。欢迎反馈，微信号：QQ68183131

一般如果要在网页项目中使用文章编辑器的话,都会考虑summernote富文本编辑器,毕竟使用简便,而且是开源的,一般的用法就是:<div class="form-group"> <label class="col-sm-3 control-label">公告内容：</label> <div class="col-sm-8"&

在线代码编辑器--Html/Markdown支持作为开发者，经常会使用各式编辑器，一个体验良好的编辑器会给使用者舒适的coding体验。但当我们不是使用自己熟悉的电脑，在任意的环境下，我们就需要有一个在线的编辑器进行coding。事实上已经有太多优秀的online编辑器（jsbin/jsfiddle等）。笔者也根据自己的工作需求，做了一个简介版的编辑器，用于Html以及Markdown的开发。 ...

CodeMirror是一个流行的开源JavaScript代码编辑器库，它提供了丰富的编辑器功能，如语法高亮、代码折叠、智能缩进等。CodeMirror易于集成到Vue项目中，并且可以用来创建代码编辑器组件，让用户能够轻松地编辑代码。要在Vue项目中使用CodeMirror，首先需要安装它。然后，可以在Vue组件中引入CodeMirror并使用它来创建代码编辑器。通过以上步骤，我们成功地在Vue项目中实现了代码编辑器与实时预览功能。

在Vue中集成代码编辑器和实时预览功能，可以提高开发效率和代码质量。在本文中，我们介绍了如何使用CodeMirror库进行代码编辑器的集成，并使用Vue的响应式数据和计算属性实现实时预览功能。当然，这只是一个简单的示例，实际上，还有很多其他的库和工具可以用于代码编辑器和实时预览的集成。希望本文能够为你提供一些启示和帮助。

62,072

社区成员

669,028

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章