文本选择上的CKEDITOR内联编辑器工具栏[关闭]

Posted

技术标签:

【中文标题】文本选择上的CKEDITOR内联编辑器工具栏[关闭]【英文标题】:CKEDITOR inline editor toolbar on text selection [closed] 【发布时间】:2013-03-09 06:17:04 【问题描述】:

CKEditor 4 可以在“内联编辑器”模式下使用,只要相关文本区域获得焦点,它就会显示一个工具栏。我需要隐藏工具栏,只在用户选择一些文本时才显示它,我该怎么做?

我也想知道如何重新定位工具栏。

【问题讨论】:

问题已编辑,请查看并将状态更改为打开(@andrewsi) 【参考方案1】:

你可以试试这样的:

$('#showEditor').mouseup(function () 
    if(getSelectedText())
    //show inline editor instance

CKEDITOR.disableAutoInline = true;
var editor = CKEDITOR.inline( document.getElementById( 'showEditor' ) );

    
);

function getSelectedText() 
    var t = '';
    if (window.getSelection) 
        t = window.getSelection();
     else if (document.getSelection) 
        t = document.getSelection();
     else if (document.selection) 
        t = document.selection.createRange().text;
    
    return t;

【讨论】:

以上是关于文本选择上的CKEDITOR内联编辑器工具栏[关闭]的主要内容,如果未能解决你的问题,请参考以下文章

富文本编辑器CKEditor的使用

CKEditor 5 缺少可用的工具栏项目

在 CKEditor 中使用内联编辑将数据保存到 PHP/Mysql

求教用过网页文本编辑器ckeditor的高手

Ckeditor富文本编辑器

将ckeditor应用于textarea