标签: ckeditor

CKEditor自动从div中删除类

我在我的网站上使用CKEditor作为后端编辑器.它驱使我绕过弯道,因为它似乎想要在我按下源按钮时将代码更改为它看起来如何合适.例如,如果我点击源并创建一个<div>...

<div class="myclass">some content</div>
Run Code Online (Sandbox Code Playgroud)

然后没有明显的理由剥离类<div>,所以当我再次点击源它已被改为...

<div>some content</div>
Run Code Online (Sandbox Code Playgroud)

我认为这种恼人的行为可以在关闭config.js,但我一直在挖掘,无法在文档中找到任何东西来关闭它.

html class ckeditor

138
推荐指数
8
解决办法
12万
查看次数

如何将自定义文件浏览器/上传器与CKEditor集成?

官方文档不太清楚 - 将自定义文件浏览器/上传器与CKEditor集成的正确方法是什么?(v3 - 不是FCKEditor)

ckeditor

112
推荐指数
6
解决办法
14万
查看次数

集成Markdown WYSIWYG文本编辑器

在为Markdown代码寻找简单的WYSIWYG编辑器时,我找不到与CkEditor,TinyMCE等相比较的UI.

具体而言,通常建议的减价"所见即所得"编辑器(如像帖)是在用户是静止写入原始降价(感不是纯WYSIWYG编辑器MarkItUp)或去另一个极端具有行编辑而没有标准控件(Hallo).

我需要介于两者之间的东西.

我正在寻找一个Markdown编辑器,其外观和功能类似于一个精简的CkEditor文本框,并接受并输出Markdown.应该有一个工具栏,其中包含最少的格式化选项(B,I,U,列表等),文本输入区域应显示转换的Markdown,而不是原始代码.应该有一个Source按钮,允许用户编辑原始Markdown,但即使这是可选的.例如:

在此输入图像描述

我得到Markdown/wiki等的理由 - 它提供的安全性.我不介意在SE输入原始代码,但我的用户不是极客,也不觉得这很有趣.他们不希望看到***___和与其文本混合的空格.它们用于"Word"样式编辑,并且在该环境中效率最高.

那么 - Markdown是否有真正集成的WYSIWYG编辑器?我正在用PHP编写,所以我可以用类调用的东西是完美的.


2015年9月23日更新

CKEditor现在有一个Markdown 插件可以做到这一点.插件项目托管在github上.

截图:

降价所见即所得

降价来源


2015年4月13日更新
自称开发CKEditor的人说,CommonMark的外观是游戏规则改变者,我们可能会看到CKEditor的正确标记界面(阅读全文的评论).


2015年2月6日更新

CKEditor现在附带一个输出(并接受输入)BBCode的插件.

演示:http://ckeditor.com/demo#bbcode

markdown wysiwyg richtextbox ckeditor

101
推荐指数
4
解决办法
4万
查看次数

CKEditor实例已存在

我正在使用jquery对话框来呈现表单(通过AJAX获取).在某些形式上,我使用CKEditor作为textareas.编辑器在第一次加载时显示正常.

当用户取消对话框时,我将删除内容,以便在以后的请求中重新加载它们.问题是,一旦重新加载对话框,CKEditor声称编辑器已经存在.

uncaught exception: [CKEDITOR.editor] The instance "textarea_name" already exists.
Run Code Online (Sandbox Code Playgroud)

API包含一种销毁现有编辑器的方法,我看到人们声称这是一个解决方案:

if (CKEDITOR.instances['textarea_name']) {
CKEDITOR.instances['textarea_name'].destroy();
}
CKEDITOR.replace('textarea_name');
Run Code Online (Sandbox Code Playgroud)

这对我不起作用,因为我收到了一个新错误:

TypeError: Result of expression 'i.contentWindow' [null] is not an object.
Run Code Online (Sandbox Code Playgroud)

这个错误似乎发生在"destroy()"而不是"replace()"上.有没有人经历过这个并找到了不同的解决方案

有可能"重新渲染"现有的编辑器,而不是破坏和替换它吗?

更新 这是处理同一问题的另一个问题,但他提供了一个可下载的测试用例.

javascript ckeditor

97
推荐指数
8
解决办法
13万
查看次数

如何在调用JavaScript函数的工具栏中添加自定义按钮?

我想在工具栏中添加一个调用JavaScript函数的按钮Tada()

关于如何添加这个的任何想法?

javascript ckeditor

70
推荐指数
5
解决办法
12万
查看次数

关闭CKEditor 3.0中的封闭<p>标记

是否有可能在CKEditor 3.x中关闭<p> </ p>中所有书面内容的自动封闭?

我试过了

  CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
Run Code Online (Sandbox Code Playgroud)

但这只是将内联换行符更改为<br />,同时保留封闭段落.

目前编写"Test"会产生此输出

<p>
    Test</p>
Run Code Online (Sandbox Code Playgroud)

但我希望它简单

Test
Run Code Online (Sandbox Code Playgroud)

是否有一个配置属性或另一个内联编辑器更适合这个?

html tags paragraph ckeditor

61
推荐指数
5
解决办法
10万
查看次数

如何使用Javascript在CKEditor中设置值?

我想知道如何设置CKEditor使用Javascript 的值?

我尝试了以下内容,但它们都不起作用......

document.[form name].[textarea name].value=data;
$('#textareaID').val(data);
Run Code Online (Sandbox Code Playgroud)

但是,这些都没有应用编辑器.有没有办法可以用编辑器做到这一点?

javascript ckeditor

59
推荐指数
7
解决办法
10万
查看次数

如何使用JQuery获取CKEditor的内容?

我正在使用CKEditor.我使用页面方法使用ajax保存表单值.

但是CKEditor值的内容无法保存到表中.

我不回发页面.

我该怎么办?

ajax jquery ckeditor

53
推荐指数
6
解决办法
12万
查看次数

如何从CKEditor ajax-submit表单textarea输入?

我正在使用CKEditor,jQuery和jQuery表单插件,我想通过Ajax查询提交CkEditor表单的内容.这是我的代码:

<form id="article-form" name="article-form" method="post" action="/myproject/save">
  <textarea name="bodyText" style="visibility: hidden; display: none;"></textarea>
  <script type="text/javascript">
    CKEDITOR.replace('bodyText');
  </script>

  <a onClick="$("#article-form").ajaxSubmit();">Submit</a>

</form>
Run Code Online (Sandbox Code Playgroud)

不幸的是,似乎Ajax请求没有传递bodyText参数;

我做错了什么或如何实现我的需要?

谢谢.

javascript forms jquery jquery-forms-plugin ckeditor

50
推荐指数
4
解决办法
6万
查看次数

如何配置ckeditor不包含<p>块中的内容?

我在我的网站上使用ckeditor使用户更容易输入HTML.

但是,我从ckeditor获取的数据包含在<p></p>块中.(我不想要.)

是否有一些配置设置强制编辑器不将文本包装在任何内容中?

word-wrap ckeditor

47
推荐指数
4
解决办法
7万
查看次数