【问题标题】:set target blank on link inside CKEditor of liferay在liferay的CKEditor内的链接上设置目标空白
【发布时间】:2014-05-05 23:32:24
【问题描述】:

我想在 Liferay 的 CKEditor 中将“链接”的目标设置为空白。 任何帮助将不胜感激。

【问题讨论】:

  • 可以查看ckeditor内容为源并编辑锚标签
  • @PankajKathiriya 如果你详细解释一下会很有帮助。

标签: ckeditor liferay


【解决方案1】:

新的 ckeditor5 具有配置属性。 我正在使用 ckeditor 进行反应,我所要做的就是添加这个

<CKEditor
  data={q.explanation}
  config={
   {
     link: {
       addTargetToExternalLinks: true
     }
   }
  }
  height="500"
  editor={ClassicEditor}
/>

https://ckeditor.com/docs/ckeditor5/latest/api/module_link_link-LinkConfig.html#member-addTargetToExternalLinks

【讨论】:

    【解决方案2】:

    默认设置:

    CKEDITOR.on('dialogDefinition', function( ev ){
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        if ( dialogName == 'link' ){
            // Get a reference to the "Target" tab.
                    var targetTab = dialogDefinition.getContents( 'target' ); 
                    // Set the default value for the target field.
                    var targetField = targetTab.get( 'linkTargetType' );
                    targetField['default'] = '_blank';
             }
    }
    

    参考:http://witmax.cn/ckeditor-link-target.html

    【讨论】:

      【解决方案3】:

      如果我理解正确,您想在 ckeditor 的 content 部分提供一个链接,并希望更改链接的行为方式。

      下面是来自 web-content portlet 的简单说明:

      1. 编辑器的普通视图,显示如何输入链接

      2. 编辑器的源视图,显示如何修改链接的行为

      希望这会有所帮助,这就是您的意思。

      【讨论】:

      • 感谢普拉卡什的帮助,
      • 但是每当我们在 CKEditor 中添加链接时,我们都必须手动更改 html。我的目标是改变 CKEditor 的行为!
      • 我们是否必须为此更改创建 ext 插件。据我所知,它使用 XhtmlTranslator 类。我应该重写我们的自定义类吗?
      • 你的问题不是这么说的。无论如何,您可以创建一个钩子来覆盖 FCKEditor 中的 JSP 和 JS 文件来实现这一点。这绝对是可行的,我必须深入研究代码以找出要更改的内容,所以我把它留给你:)
      • 关于这个问题,我必须在另一个浏览器上打开 wiki 中发布的链接。所以,我使用
      猜你喜欢
      • 2018-08-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-08-01
      • 1970-01-01
      • 2012-02-12
      • 1970-01-01
      • 2018-05-22
      相关资源
      最近更新 更多