标签: ckeditor

我正在尝试找到一个避免CKEditor的解决方案,但是旧的FCKeditor也会删除<i>之前插入的内容到db的任何 标记.

案件:

我将html内容插入到db中,一些内容包含<i>元素.我是用CKEditor做的.一切都很完美,内容显示在网页上.但是,当我想编辑以前插入的内容时,<i>元素丢失了.

在我的具体情况下,我使用:

<i class="fa-icon-fullscreen fa-icon-xxlarge main-color"></i>

当然如果我禁用编辑器,内容在textarea中显示得很好.

我为CKEditor编写了一个自定义插件 - 在所有方面都取得了成功,目前只保存一个:我不能,在我的生活中,弄清楚如何在编辑器工具栏中的按钮上自定义图像.由于我是新用户,您必须点击查看附件图片; 左上角突出显示的方块应该有漂亮的图片(就像大多数其他工具栏项一样).

就JS来说,我是一个学习者,虽然我已经花了几个小时阅读有很多帮助的教程,但我仍然无法确定如何找出用户在ckeditor textarea中输入的内容.

我正在尝试做的是,当有人键入textarea时,无论他们键入什么,都会出现在页面不同部分的div中.

我有一个简单的文本输入做得很好,但因为文本区域是一个ckEditor类似的代码不起作用.

我知道答案就在这里:ckEditor API textarea值,但我不知道要弄清楚我的意图.我不认为有人会帮助我吗？

我工作的代码是:

$('#CampaignTitle').bind("propertychange input", function() {
  $('#titleBar').text(this.value);
});

和

<label for="CampaignTitle">Title</label>
<input name="data[Campaign][title]" type="text" id="CampaignTitle" />

和

<div id="titleBar" style="max-width:960px; max-height:76px;"></div>

CKEditor文档在这里提到逐项工具栏配置,但是哪个是不同组中按钮名称的列表？

这里有一个类似的问题,但答案是针对之前版本的CKEditor.某些按钮名称不起作用.

 当我不想要它时,我如何禁用CKEditor每次都能得到我？我正在使用带有jQuery适配器的CKEditor.

我不想要任何 标签.

我正在使用CKEditor和jQuery,每当用户更改字段的值时,我都想将标志切换为true.其中一个字段是CKEditor实例.

所有具有"wysiwyg"类的textareas都会转换为CKEditors但不知何故$('.wysiwyg').change()事件永远不会被检测到.我做了一些谷歌搜索,但关键字组合似乎只带来无关的结果(我的谷歌很糟糕).

谢谢你的帮助 :)

编辑:

for (var i in CKEDITOR.instances) {
        CKEDITOR.instances[i].on('click', function() {alert('test 1 2 3')});
    }

我尝试了上面的代码,但它不起作用.它没有给我一个错误意味着它找到了CKEditor对象,但由于某种原因,监听器没有附加到它？

另外,如果我用alert(CKEDITOR.instances[i].name);它替换事件附件,它会提醒我的textarea的名字,所以我知道我不是试图将click事件附加到任何东西:)

如何防止CKEDITOR将图像尺寸添加为样式？

而不是这个:

<img src="image.jpg" style="height:100px; width:100px;">

我要这个

<img src="image.jpg" height="100px" width="100px">

我想让ckeditor工作.显然它没有使用textarea所以提交表单不会在编辑器中提交文本.因为我使用了多态关联等.我不能使用onsubmit函数来获取textarea的值(当提交表单时).

所以我发现了这个问题:使用jQuery从CKEditor的iframe中获取内容

有一些非常好的答案.在那里发布的答案使textarea保持最新.这非常好,正是我需要的!不幸的是我无法让它发挥作用.有人知道为什么(例如)这不起作用？

我有一个textarea(rails但它只是转换为普通的textarea):
<%= f.text_area :body, :id => 'ckeditor', :rows => 3 %>

以下是js:

if(CKEDITOR.instances.ckeditor ) {
  CKEDITOR.remove(CKEDITOR.instances.ckeditor);
}
CKEDITOR.replace( 'ckeditor',
{
skin : 'kama',
toolbar :[['Styles', 'Format', '-', 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', 'Link']]});


CKEDITOR.instances["ckeditor"].on("instanceReady", function()
{
//set keyup event
this.document.on("keyup", CK_jQ);

//and paste event
this.document.on("paste", CK_jQ);
}

function CK_jQ()
{
 CKEDITOR.instances.ckeditor.updateElement(); 
}

我在我的萤火虫中得到以下"错误".
missing ) after argument list [Break on this error] function CK_jQ()\n

我正在使用CKEDITOR,并希望能够允许用户在文本编辑器中上传和嵌入图像...

以下JS是加载CKEDITOR的:

CKEDITOR.replace( 'meeting_notes',
    {
        startupFocus : true,
        toolbar :
            [
                ['ajaxsave'],
                ['Bold', 'Italic', 'Underline', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ],
                ['Cut','Copy','Paste','PasteText'],
                ['Undo','Redo','-','RemoveFormat'],
                ['TextColor','BGColor'],
                ['Maximize', 'Image']
            ],
        filebrowserUploadUrl : '/notes/add/ajax/upload-inline-image/index.cfm'
    }
);

我遇到的问题是filebrowserUploadUrl ...那个URL应该返回CKEDITOR以使这个过程起作用？

谢谢

我的项目中有一个现有的CK编辑器文件夹.我怎么能找到它的版本？有记录吗？