CKeditor 4.13.0提到AngularJS中的插件:不要在下拉列表中显示@

CKEditor是一个开源的富文本编辑器，用于在网页应用程序中创建和编辑内容。CKEditor 4.13.0是CKEditor的一个特定版本。

在AngularJS中使用CKEditor插件时，可以通过以下步骤实现不在下拉列表中显示"@"：

首先，确保已经将CKEditor和AngularJS集成到你的项目中。可以通过在HTML文件中引入相应的脚本文件来实现。
在AngularJS的控制器或指令中，定义一个配置对象来配置CKEditor。在该配置对象中，可以使用CKEditor的config属性来设置编辑器的各种选项。
在配置对象中，找到toolbar选项，该选项用于定义编辑器的工具栏。在工具栏中，可以使用CKEditor的插件来添加各种功能按钮。
要在下拉列表中隐藏"@"，可以通过在toolbar选项中添加一个自定义按钮来实现。在该按钮的定义中，可以使用CKEditor的插件属性来指定插件的名称。
在自定义按钮的定义中，可以使用CKEditor的command属性来指定按钮的行为。可以通过编写自定义的命令函数来控制按钮的行为。
在命令函数中，可以使用CKEditor的API来操作编辑器的内容。可以使用CKEditor的selection属性来获取当前选中的文本，并进行相应的处理。

下面是一个示例代码，演示了如何在AngularJS中使用CKEditor插件来隐藏下拉列表中的"@"：

// 在AngularJS的控制器或指令中
angular.module('myApp', [])
  .controller('myController', function() {
    // 定义CKEditor的配置对象
    $scope.ckeditorConfig = {
      toolbar: [
        { name: 'document', items: ['Source', '-', 'Save'] },
        { name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
        { name: 'editing', items: ['Find', 'Replace', '-', 'SelectAll', '-', 'Scayt'] },
        { name: 'insert', items: ['Image', 'Table', 'HorizontalRule', 'SpecialChar'] },
        '/',
        { name: 'styles', items: ['Styles', 'Format'] },
        { name: 'basicstyles', items: ['Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'RemoveFormat'] },
        { name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },
        { name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
        { name: 'tools', items: ['Maximize'] },
        { name: 'others', items: ['-'] },
        { name: 'custom', items: ['HideAt'] } // 添加自定义按钮
      ],
      // 自定义按钮的定义
      hideAt: {
        label: 'Hide @', // 按钮显示的文本
        command: 'hideAtCommand' // 按钮的行为命令
      }
    };

    // 注册自定义按钮的命令函数
    CKEDITOR.plugins.add('hideAt', {
      init: function(editor) {
        editor.addCommand('hideAtCommand', {
          exec: function(editor) {
            var selection = editor.getSelection();
            var selectedText = selection.getSelectedText();
            var newText = selectedText.replace('@', ''); // 移除选中文本中的"@"
            editor.insertText(newText); // 插入新的文本
          }
        });
      }
    });
  });

在上述示例中，我们添加了一个名为"HideAt"的自定义按钮，并定义了一个名为"hideAtCommand"的命令函数。该命令函数会获取当前选中的文本，并移除其中的"@"，然后将新的文本插入到编辑器中。

请注意，上述示例仅演示了如何在AngularJS中使用CKEditor插件来隐藏下拉列表中的"@"。具体的配置和功能可能因CKEditor的版本和其他因素而有所不同。建议参考CKEditor的官方文档和示例代码，以获取更详细和准确的信息。

腾讯云相关产品和产品介绍链接地址：