我正在使用CKEditor将我的textareas改成wysiwyg.一切正常,除非我通过Ajax调用加载内容.然后我的CKEditor没有加载.
我已经找到了解决方案,但找不到任何对我有用的解决方案.
我的Ajax调用基本上是这样的:
$.ajax({
type: "POST",
url: url,
success: function(data) {
$('#content').html(data);
$('.ckeditor').ckeditor();
}
});
Run Code Online (Sandbox Code Playgroud)
正如您所见,我试图使用函数ckeditor()以编程方式加载CKEditor.但这给了我以下错误:
FireFox说:
$(".ckeditor").ckeditor不是函数
IE说:
对象不支持属性或方法'ckeditor'
当通过Ajax调用加载内容时,是否还有其他方法可以通过类名加载CKEditor?
我正在使用rails_admin,我想在一些输入中向我的admin部分添加一些自定义样式。有没有办法指定其他类别?
就像是:
configure :title, :string do
css_class 'my-class'
input_html {:class => 'my-class', :toolbar => 'my-toolbar'}
end
Run Code Online (Sandbox Code Playgroud)
我似乎找不到完整的可用选项列表。我知道我可以指定hidden
,visible
,ckeditor true
,和一个或两个其他的东西。
我正在使用一些其他的自定义JS和CSS,但是我需要能够指定一些CSS类,以使所有内容都按我想要的方式工作。
具体来说,我使用的是CKEditor,并且希望使用多个工具栏,一个简单而一个高级。我已经可以很好地配置CKEditor,但是我找不到让Rails_admin使用备用工具栏的方法。
CKEditor窗口中的默认调色板如下所示:
是否可以只选择几种颜色(我只需要三种颜色)而不是全部显示?我检查了config.js,但似乎无法从那里设置颜色限制.这可能吗?
我有一个CKeditor,它被放置在父div中.在div调整大小时,让CKEditor完全适合div并调整大小的最佳方法是什么?如果可能的话,我宁愿选择不涉及jQuery的解决方案.如果这不可能使用jQuery的解决方案就可以了.
我正在为CKEDITOR开发一个占位符插件,它基本上是完整的.我遇到的问题是我试图从对话框中的选择中获取值和描述,而我只是获得了值.包含描述和值的数组如下所示
- >
items: [['description1', 'value1'], ['description2', 'value2']]
< -
在返回 - > contents - >元素中ID
dropdown
我有setup
和commit
函数.在这些函数中,我需要获取描述就像从select选项中获取名称一样.
真的需要帮助这个,谢谢你提前
例子 - >
<select>
<option value="value1">description1</option>
<option value="value2">description2</option>
</select>
Run Code Online (Sandbox Code Playgroud)
示例< -
(function () {
function placeholderDialog(editor, isEdit) {
var lang = editor.lang.phlink,
generalLabel = editor.lang.common.generalTab;
return {
title: lang.title,
minWidth: 300,
minHeight: 80,
contents: [
{
id: 'info',
label: generalLabel,
title: generalLabel,
elements: [
{
id: 'dropdown'
, …
Run Code Online (Sandbox Code Playgroud) 我有标准安装(如样品):
<meta charset="utf-8"></meta>
<script src="../ckeditor.js"></script>
Run Code Online (Sandbox Code Playgroud)
HTML内容包含许多<div contenteditable="true">
块.我需要通过本地或外部configTypeX.js
文件配置每个编辑器,
<script>
CKEDITOR.on( 'instanceCreated', function( event ) {
var editor = event.editor, element = editor.element;
if ( element.is( 'h1', 'h2', 'h3' ) ) {
editor.on( 'configLoaded', function() {
editor.config.toolbar = [
[ 'Source', '-', 'Bold', 'Italic' ]
]; // BUG: about "Source"?? NOT AT INTERFACE!
});
} else {
// WHERE PUT THIS ITEM?
customConfig: 'configType2.js';
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
所以,我的问题是
customConfig
在这种情况下如何做?editor.config.toolbar
)没有在线配置工具,在哪里我可以理解如何使用正确的名称放置和删除菜单? 这里没有关于如何在完整安装中修复"Source"的错误.我做,
git clone …
Run Code Online (Sandbox Code Playgroud) 我对CKEdtior很新,刚刚在我正在研究的这个网站上安装它,版本是4.4.4
编辑器本身加载到页面中,但是语言或uiColor等自定义属性不起作用,无论是否有属性,我都会收到错误:
Uncaught TypeError: Cannot read property 'getEditor' of undefined
Run Code Online (Sandbox Code Playgroud)
我知道我做错了,因为它适用于样本.如果有帮助,代码就是Smarty模板的一部分.我尝试使用没有下划线的ID,当然还要检查不同的浏览器 - 错误出现在IE,FF和Chrome中.
代码的相关部分:
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
{literal}
CKEDITOR.replace( 'show_description',
{
language: 'he'
});
{/literal}
</script>
Run Code Online (Sandbox Code Playgroud)
<textarea name="show_description" id="show_description" class="ckeditor"></textarea>
Run Code Online (Sandbox Code Playgroud) 我正在使用CKEditor的编辑功能,但是使用我自己的ui控件调用CKEditor的api来执行其命令.例如,
var style = new CKEDITOR.style({
element: 'span',
attributes: {
'style': 'font-size: 20px'
}
});
editor.applyStyle(style);
Run Code Online (Sandbox Code Playgroud)
设置所选文本的字体大小.
问题是我需要一种方法来了解当前所选文本的状态,以便我可以相应地更新控件.它大胆吗?然后粗体按钮应处于激活状态,单击它应删除粗体,而不是尝试再次添加.
有没有办法查询CKEditor当前所选文本的某些样式属性?就像tinymce.activeEditor.queryCommandValue('bold')
在tinyMCE中如何工作一样.
ckeditor ×10
javascript ×4
jquery ×2
colors ×1
image ×1
php ×1
rails-admin ×1
tabs ×1
upload ×1
wysiwyg ×1