http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors ...
阅读全文为了对CKEDITOR编辑控件有更多的了解,简单抓取了其产生的页面中定义的CSS。主要想看看如何更好的对其更改样式,从而做到真正的WYSWYG。 抓取的这部分可以分为三大块: CKEDITOR可编辑区对应的CSS: .cke_editable{cursor:text} .cke_editable img,.cke_editable input,.cke_editable textarea{cursor:default} CKEDITOR命令菜单对应的CSS。 ...
阅读全文CKEDITOR使用起来很简单,与很多JS UI控件一样,首先定义DOM,然后调用其function.其中有个基本方式就是通过Class来替换textarea. 例如:先创建一个textarea,给其设置一个Class,如content-editor <textarea class="content-editor" name="Content"></textarea> 然后再执行CKEDIROT函数。 ...
阅读全文个人觉得CKEditor中block的功能非常有用,所以希望使block功能默认就是enabled.效果如下: 于是查询了下设置方法。如下: config.startupOutlineBlocks = true; 如果在config中设置可以这样写: CKEDITOR.replace( 'content-editor', { //省去其他配置 startupOutlineBlocks:true ...
阅读全文如何修改CKEditor的内容css?即在编辑模式下如何定义其css? 在ckeditor文件夹下找到contents.css,如果是使用config.contentsCss设置加载指定的css文件,那就找到对应的css文件然后编辑样式。 比如说,希望在编辑模式下默认的<p>都是首行缩进的,那就可以在contents.css文件中加入: p{ text-indent:2em; } Edit the contents.css file that ...
阅读全文在使用CKEditor作为文本编辑器时,发现偶尔不能正确显示。在大屏幕的时候没问题,但是切换到mobile就不行,原先以为是代码问题。 先来几张图看下问题: 先用大屏浏览器显示,能正确显示。 然后使用浏览器的模拟功能,切换到mobile模式,显示如下,能正确显示,是因为页面已经在之前渲染过了。(请忽视下面图片是相应式下屏幕下的颜色风格等)开始没意识到这个问题,所以重新在这个mobile模式下点击刷新页面去重新渲染,发现不能正确显示。 这 ...
阅读全文