codemirror - codemirror 是否提供剪切、复制和粘贴 API？

Question

来自 http://codemirror.net/doc/manual.html ，我只找到getRange() ,
undo()、redo() 等，我找不到 cut()、copy() 和 paste API，
当我尝试运行时，还有更多 editor.execCommand("cut") ，我得到了错误。
你可以帮帮我吗？谢谢!

Answer 1

使用 clipboard.js ，您可以定义 text()函数来获取 CodeMirror 的内部文档的值。

为方便起见，存储对 ( <textarea> ) 编辑器选择器的引用。

var editorSelector = '#editor' // or '#editor + .CodeMirror';

实例化一个新的 ClipBoard对象引用您的按钮。

new Clipboard('.clip-btn-native', {
    text: function(trigger) {
        return getCodeMirrorNative(editorSelector).getDoc().getValue();
    }
});

检索 CodeMirror通过原生 JavaScript 实例化。

function getCodeMirrorNative(target) {
    var _target = target;
    if (typeof _target === 'string') {
        _target = document.querySelector(_target);
    }
    if (_target === null || !_target.tagName === undefined) {
        throw new Error('Element does not reference a CodeMirror instance.');
    }

    if (_target.className.indexOf('CodeMirror') > -1) {
        return _target.CodeMirror;
    }

    if (_target.tagName === 'TEXTAREA') {
        return _target.nextSibling.CodeMirror;
    }

    return null;
};

演示

请看完整；深入演示在 JSFiddle .