标签: ckeditor

我有一个超出我的语言知识的Javascript kerfuffle.

我正在为CKEditor创建一个自定义插件.该插件是一个IFrame,它在CKEditor生成的DIV中打开.

在IFrame中,我正在显示许多图像.如果用户选择其中一个图像,则显示该图像所需的HTML代码将插入到CKEditor中.

动态地这样做是我被困住的地方.我从iframe中连接到CKEditor实例,如下所示:

var CKEDITOR = window.parent.CKEDITOR;    

CKEditor提供了一个"OK侦听器",当单击OK按钮(由CKEDitor呈现)时,它会触发.那个OK听众在IFrame之外.

定义使用静态值的OK侦听器有效:

var okListener = function(ev) {
   this._.editor.insertHtml('<img class="symbol" src="my_static_symbol.gif">');
   CKEDITOR.dialog.getCurrent().removeListener("ok", okListener);
};

// Assign OK listener
CKEDITOR.dialog.getCurrent().on("ok", okListener);

但是当我分配OK监听器时,我还不知道我的返回值,所以我需要做这样的事情:

var okListener = function(ev) {
   this._.editor.insertHtml('<img class="symbol" src="'+my_dynamic_value()+'">');
   CKEDITOR.dialog.getCurrent().removeListener("ok", okListener);
};

// Assign OK listener
CKEDITOR.dialog.getCurrent().on("ok", okListener);

但这不起作用,因为my_dynamic_value它在CKEditor的"OK"按钮触发时超出了函数的范围.

我当然可以,每次用户在列表中选择不同的图像时,更新okListener功能并使用硬编码当前值eval.但这对我来说是一种可怕的资源浪费.

有没有我可以使用的范围技巧,所以我可以从okListener()中的iframe访问东西？

我希望这很清楚.如果不是,请评论,我会澄清.

我正在使用CKEditor并且我已将其配置为与Paperclip一起使用但我不能告诉它在S3中存储文件,因此它使用Paperclip存储它们但在本地文件系统上.

所以我想知道是否有某种方法告诉Paperclip每次使用时都明确使用S3.

我知道如何在某些模型上配置带有S3的Paperclip(非常简单,在paperclip github wiki上有描述).我正在Heroku上部署,这就是我无法写入本地文件系统的原因.

我想使用java脚本在CKEditor中选择当前(光标位置)元素.

当右键单击事件发生时,我必须选择一个我正确点击的元素.

我需要将elFinder集成到CKEditor.我跟着这个:

https://github.com/Studio-42/elFinder/wiki/Integration-with-CKEditor

它正在工作,但打开弹出窗口的图像选择不是很好,所以我想在模态对话框中打开elFinder.

对于"模态集成",我遵循这个主题:http: //bxuulgygd9.tal.ki/20110728/integration-with-ckeditor-759177/

那里的最后一篇文章部分有效.它真的打开了模态中的elfinder.但是:当我想在CKFinder中将图像URL插入URL字段时,我必须知道它的确切ID.也不填写图像分辨率并带来一些其他问题.最好的解决方案是运行在"普通弹出"集成中调用的函数,它处理所有事情:

window.opener.CKEDITOR.tools.callFunction(funcNum, file);

但是在"弹出集成"中,funcNum回调被注册,在模态集成中它不是那么我无法调用它.你有任何提示在模态窗口中运行elfinder(或任何其他图像管理器 - 它会是相同的)吗？我很绝望.

如何在没有工具栏按钮的情况下调用插件功能？

我的 cms 中集成了一个外部浮动工具栏。我使用 CKEditor 的 InsertHTML() API 插入图像、视频和其他静态代码。

现在我还需要从 URL 插入视频，并且有很棒的 oembed 插件。如何在没有工具栏按钮的情况下使用我的 cms 中的按钮启动该插件？

我在我的配置中加载插件，并尝试创建此功能：

function oembed() {
// Get the editor instance that we want to interact with.
var editor = CKEDITOR.instances.editor1;
var url = 'http://www.youtube.com/watch?v=AQmbsmT12SE'
var wrapperHtml = jQuery('<div />').append(editor.config.oembed_WrapperClass != null ? '<div class="' + editor.config.oembed_WrapperClass + '" />' : '<div />');

// Check the active editing mode.
if ( editor.mode == 'wysiwyg' )
{
    // Insert HTML code.
    // http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-insertHtml
    editor.embedCode(url, editor, false, wrapperHtml, …

我正在开发一个Rails 4.1应用程序.我用的CKEditor(https://github.com/galetahub/ckeditor),和我使用了一些extraplugin(图像2,其中还使用了小部件),存储在应用程序/资产/ CKEditor的/ plugins目录.我用过它f.cktext_area :extraPlugins => 'image2'.它在开发和生产环境中都很有效.

现在我决定添加一个额外的插件(syntaxhighlight),以相同的方式存储和使用(存储在app/assets/ckeditor/plugins中,调用:extraPlugins => 'image2,syntaxhighlight').在开发环境中它工作得很好,但在生产中ckeditor无法加载syntaxhighlight插件,因为它试图加载而不是它的散列版本:

未捕获的异常:[CKEDITOR.resourceManager.load]资源名称"syntaxhighlight"并没有在"/assets/ckeditor/plugins/syntaxhighlight/plugin.js"发现

我运行" rake assets:precompile"很多次,它生成了插件的哈希版本(/assets/ckeditor/plugins/syntaxhighlight/plugin-a9ce9661bf06ef29e7ac40baac50c044.js).但是其他(旧的)extraplugins都没有在公共目录中有简单的plugin.js,而且它们都有效.

任何想法如何使这个新的额外插件工作？

我正在通过CKEDITOR.instances [editorId] .insertHtml()(在角应用程序内)添加自定义小部件,我需要对小部件选择做出反应,可能会取消选择.

我看到该窗口小部件会触发诸如select,deselect,focus和blur等事件,但我无法找到如何在每个窗口小部件上设置监听器.

这可以在插件的init函数内完成吗？

谢谢

我整天都被这个问题困住了.

我已经仔细阅读了github上的django-ckeditor的文档,但它不够详细.而给定的演示太复杂了.有没有更简单的方法来实现上传和浏览.如果可以通过向views.py添加几行来完成,urls.py和setting.py将使我很容易实现它.

PS:我是django的新人.

urls.py

from django.conf.urls import include, url

urlpatterns = [

    url(r'^$', 'guitar.views.home', name='home'),


    url(r'^ckeditor/', include('ckeditor_uploader.urls')),

]

settings.py

import os


BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)



MEDIA_URL = "image_upload/"
MEDIA_ROOT = os.path.join(BASE_DIR, "image_upload")




# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.8/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = ')7sn#y%9dgm!pxl#c$ws_jld!%2lbvj5tg*jlqnaelc)+$bp*%'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS …

我正在构建一个简单的博客,但我想使用CKeditor作为博客消息,以便用户可以对博客消息进行一些设计.我之前从未使用过CKeditor,而且我对Laravel也有点新意.所以我设法将我的textarea转换为CKeditor字段,并且我还构建了一个存储博客帖子的函数.这不是问题,我在我的数据库和我的博客概述页面上看到了数据.

但是,CKeditor/Laravel显然会将CKeditor生成的标签存储在数据库中,并将它们显示为文本.如何像代码一样显示文本？

博客消息现在:

CKEDITOR

我的代码

形成

       <div class="row">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label for="bericht">Nieuwsbericht <span class="required">*</span></label>
                            <textarea class="form-control" id="bericht" name="bericht" required></textarea>
                        </div>
                    </div>
                </div>

                <script type="text/javascript">
                    CKEDITOR.replace( 'bericht' );
                </script>

显示博客文章

<div class="blog-post">
                        <div class="row">
                            <div class="col-md-12">
                                <h1>{{ $blog->name }}</h1>
                            </div>

                            <div class="col-md-12">
                                <h3>{{ $blog->subtitel }}</h3>
                            </div>

                            <div class="col-md-12">
                                <p class="date">{{ $blog->created_at->formatLocalized('%A %d %B %Y') }}, Door {{$blog->user->name}}</p>
                            </div>

                            <div class="col-md-12">
                                <p class="blog-message">

                                    {{ $blog->bericht }}

                                </p>
                            </div>
                        </div>

                    </div>

我在（create.cshtml）中有一个基本的HTML表单，并且在主布局（_layout.cshtml）中调用了CKEditor.js。当我在单独的项目中使用相同的代码时，它可以正常工作，但是在我的ASP.NET中项目，我收到此错误：Uncaught TypeError：无法读取null的属性“ unselectable”

Create.cshtml：

<form>
    <textarea id="prop_editor" name="prop_editor">
         <h2>WYSIWYG Editor</h2>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ullamcorper sapien non nisl facilisis bibendum in quis tellus. Duis in urna bibendum turpis pretium fringilla. Aenean neque velit, porta eget mattis ac, imperdiet quis nisi. Donec non dui et tortor vulputate luctus. Praesent consequat rhoncus velit, ut molestie arcu venenatis sodales.</p>
         <h3>Lacinia</h3>
         <ul>
              <li>Suspendisse tincidunt urna ut velit ullamcorper fermentum.</li>
              <li>Nullam mattis sodales lacus, in gravida sem auctor at.</li>
              <li>Praesent …