JavaScript 哪个富文本编辑器好一些?

chinacheng · 2012年04月04日 · 最后由 chinacheng 回复于 2015年04月19日 · 21680 次阅读

如题,我想找一个富文本编辑器,FCKedit太庞大,虽然可以设置,但是不想搞那么多的代码到自己的项目中,网上也找了好几个简约的富文本编辑器,不知道那一个更好一些,希望大家推荐一下。希望简约一点,能实现图文并茂排版最好,谢谢各位

看又有人在这里说话了,补充一下: 现在我们都改用百度的那个富文本编辑器了,其后台生成html代码简介,对word文档的数据格式支持也很好

共收到 31 条回复

kindeditor 国产,兼容ie6

kindeditor +1 最大好处,兼容万恶的IE6!

https://github.com/Macrow/rails_kindeditor

#1楼 @ywencn 在ITEYE也见到你的跟帖。。

#3楼 @ruby_sky 您也推荐一个呗!

#1楼 @ywencn 谢谢啊,研究一下

#4楼 @chinacheng https://www.ruby-toolbox.com 搜索editor 我这里被墙了,你懂的。

ckeditor 这玩意整死人啊

#2楼 @Macrow 在rails里怎么把kindeditor 设置成英文版 ?

#8楼 @boardsky 加入语言参数即可: :langType => 'en'

#form_tag:
<%= kindeditor_tag :content, 'default content value',  :langType => 'en' %>

#form_for:
<%= form_for @article do |f| -%>
  <%= f.kindeditor :content, :langType => 'en' %>
<% end -%>

#simple_form:
<%= form.input :content, :as => :kindeditor, :input_html => { :langType => 'en' } %>

kindeditor + 1,好用

在自己的项目中试了一下百度编辑器,也还不错,提供的功能挺全

@Macrow 谢谢啦,配置起来比ckeditor好配置多了。

#9楼 @Macrow 能不能配置成简约模式, 做评论框用

#13楼 @sharp 可以直接使用kindeditor自身的参数,配置items参数就可以了,具体可以看看http://www.kindsoft.net/docs/option.html 里面关于items的参数。

比如加载官方的simple模式:

<%= f.kindeditor :content, :items => ['fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link'] %>

@sharp 如果是我们程序员用的, 建议 ace : https://github.com/ajaxorg/ace 这是一个基于web的, 高性能的, 甚至兼容VIM, EMACS,TextMate(有API可选). 对常用的语言具备高亮. 使用也超简单. 我不多说了, 直接看给的链接吧.

谢谢两位

#14楼 @Macrow 准备这么用

#15楼 @lyfi2003 Ace太强大了

为什么我上传图片undefined method `collection_name=' for Kindeditor::Asset:Class出这个错误,我没看到他有kindeditor_assets这个controller

#17楼 @sanivbyfish 你看准了,collection这个单词跟controller不一样啊,哈哈。我估计你是缺少 Kindeditor::Asset 这个model类吧,rails generate rails_kindeditor:install执行这个命令,会生成以kindeditor为命名空间的几个model

#18楼 @chinacheng 执行了,他生成model了,但是还是报错

#19楼 @sanivbyfish 应该换成其他错误了吧?

#20楼 @chinacheng undefined method `collection_name=' for Kindeditor::Asset:Class 就这个错误,我要是不用存数据库,那么就不会有错。。囧

#21楼 @sanivbyfish 你好好看看他那文档https://github.com/Macrow/rails_kindeditor , 上面写的很详细。我怀疑你是没有建立数据库表吧,另外你用的是mysql数据库么?可是我怀疑来怀疑去,都不如你自己把堆栈错误google一下

#22楼 @chinacheng 看过了,他的文档就那么一点,也google了,我使用mongodb的,用的mongoid的gem,按照他的方式生成了,现在不存数据库了,,反正就学习来说影响不大

@Macrow 下面是我在你的 github 上提的issue @sanivbyfish 我和你的问题应该类似吧!

I'm working on rails(3.2.6), mongoid(3.0.5), carrierwave(0.6.2), carrierwave-mongoid(0.1.0). I followed your guidance after install rails_kineditor, when I start service using thin(1.4.1), the following error MSGs appears: undefined method 'collection_name=' for Kindeditor::Asset:Class. Then I check there are several model include Kindeditor::Asset in my apps, Why would I see such MSG? Thx!

#21楼 @sanivbyfish #22楼 @chinacheng #24楼 @xranthoar

不好意思,之前没有对mongodb数据库存储做充分测试,而且mongoid的api好像有些更新,我已经对rails_kindeditor代码做了更新,经测试,已经修正了错误。

https://github.com/Macrow/rails_kindeditor/issues/13

#25楼 @Macrow 请问,为什么上传文件的控制器没有呢?

Started POST "/kindeditor/upload?dir=image" for 127.0.0.1 at 2013-02-04 10:45:52 +0800
Processing by Web::ApplicationController#render_not_found as */*
  Parameters: {"Filename"=>"image-1.jpg", "imgFile"=>#<ActionDispatch::Http::UploadedFile:0xc08742c @original_filename="image-1.jpg", @content_type="application/octet-stream", @headers="Content-Disposition: form-data; name=\"imgFile\"; filename=\"image-1.jpg\"\r\nContent-Type: application/octet-stream\r\n", @tempfile=#<File:/tmp/RackMultipart20130204-4078-1x5t406>>, "Upload"=>"Submit Query", "dir"=>"image", "path"=>"kindeditor/upload"}
28楼 已删除

#14楼 @Macrow :tiem => [xxxxxxxx], 先mark一下,嘿嘿

#11楼 @fresh_fish 百度编辑器服务器端语言可以支持ruby么?我看了一下不支持,可以进行移植么?

@Macrow Hello, 这个gem 支持active_admin 吗

#30楼 @lizanle ueedit 支持ruby,有gem包可用

33楼 已删除
需要 登录 后方可回复, 如果你还没有账号请点击这里 注册