标签: redactor

我想为redactor.js WYSIWYG编辑器创建一个插件,但我找不到从我的插件订阅redactor回调的方法.我需要使用keydownCallback和autosaveCallback.

RedactorPlugins.myPlugin = {
 init: function()
 {
    //Code
 }
}

Redactor看起来像一个很棒的富文本编辑器.我想在Active Admin CMS的特定文本区域中使用redactor.

我发现这个gem将redactor和rails集成在一起,所以我试着设置它:

的Gemfile:

gem 'redactor-rails'

贝壳:

$ bundle install

配置/ redactor.yml

lang: 'en'
autoresize: true

配置/初始化/ active_admin.rb

config.register_stylesheet 'redactor-rails.css'
config.register_javascript 'redactor-rails.js'

我的活动管理资源配置中的输入

f.input :contents, input_html: { id: "redactor_here", class: "redactor" }

我检查过:

• 正确包含了redactor js/css文件(在浏览器中).
• redactor类正在我的textarea上设置.

在redactor-rails的自述文件中,它表示在创建textarea之后,需要调用redactor帮助程序来初始化redactor.但是,该redactor帮助程序不在活动管理员表单的范围内..所以我可以在哪里调用它？

目前,浏览器中绝对没有发生任何事情.任何有关这方面的帮助将不胜感激.

这是我的代码:

http://jsfiddle.net/KfVJK/

这是添加redactor的代码:

$(document).ready(
            function()
            {
                $('#redactor_content').redactor();
            }
        );?

我想限制工具栏上的按钮数量.例如,只有粗体,斜体等基本格式.

如何从工具栏中删除按钮？

我正在使用带有carrierwave的redactor_rails gem.有两个地方我需要文本编辑器和图片上传,我想为每个编辑器制作不同的图片大小.

如果我使用版本,那么每张图片都有两种尺寸,我不知道如何在文本字段中更改图片版本.

主要思想是在redactor_rail_picture_uploader中为每个编辑器上传器运行它自己的resize进程

我怎么做？

我在 Capybara 和 Selenium 方面遇到了一个有趣的问题。我有一些 Capybara 请求规范，要求在填写表单时启用 javascript。其中一种形式是使用 Redactor 富文本编辑器的文本区域。

<div class="control-group">
<%= f.label :description, "Description", class: "control-label" %>
    <div class="controls">
        <%= f.text_area :description, rows: 10, class: "redactor"%>
    </div>
</div>

当测试运行并且 Selenium 触发时（在 FF 和 Chrome 驱动程序中），Selenium 在执行以下命令时失败：

`fill_in "Description", with: "some description"`

它返回的错误是：

Selenium::WebDriver::Error::InvalidElementStateError:
   Element is not currently interactable and may not be manipulated

看来 Selenium 无法再识别富文本编辑器/文本区域了。如果我删除class="redactor"触发 Redactor JS 渲染描述文本区域的内容，它就可以正常工作。

所以我的问题是，1.有没有解决方法来填写它？2. 或者，我可以以某种方式禁用 redactor js 来进行此测试吗？

我不知道你如何使用 Redactors this.inline。我想向锚元素添加一个类。假设我的光标位于锚点内，并且我执行this.inline.toggleClass('foo') ，它将在锚点内添加一个带有类foo的跨度。如果我选择锚文本并执行this.inline.format('a', 'class', 'foo')它将完全删除锚标记。如果我选择一些文本并执行this.inline.format('a', 'class', 'foo')它将添加一个带有foo类的跨度，但不添加锚标记:(

您应该如何向光标下的选定文本或内联元素添加类或样式？

我正在使用名为Redactor的精彩jquery文本编辑器.我正在尝试添加一个新按钮,单击该按钮可获得文本编辑器中突出显示的文本.

该脚本允许通过添加以下设置添加新按钮:

buttonsCustom: {
        button1: {
            title: 'Button', 
            callback: testButton //executes callback on button click
        } 
}  

然后在回调中我想获得突出显示的文本

function testButton(obj, event, key)
{
     alert(highlighted_text);
}

我彻底查看了文档,没有办法获得突出显示的文本.我试过像......这样的其他功能

function getSelText() {
  var txt = '';
  if (window.getSelection) {
    txt = window.getSelection();
  } else if (document.getSelection) {
    txt = document.getSelection();
  } else if (document.selection) {
    txt = document.selection.createRange().text;
  } else return;
  return txt;
}

...但是文本编辑器脚本已经有了一种方法,最好使用它.

在脚本中我找到了文本选择功能在1719行的位置,但无法弄清楚如何将它用于自定义按钮.

任何有Redactor经验的人,请帮忙!

我一直在工作岗位上使用Redactor Wysiwyg编辑器.然而,虽然他们的网站提到从字粘贴超级清洁,我得到了很多额外的空的<p>和<br />,即使在字标记有一个段落休息.可能导致这种情况的任何想法？还有其他人有同样的问题吗？

谢谢!玛丽亚

我正在使用redactor作为laravel项目的文本编辑器.

每当编辑器在页面上并初始化时,每当我点击任何地方时都会收到此错误.

Uncaught TypeError: $(...).closest(...).size is not a function(…)  
Uncaught TypeError: $current.closest(...).size is not a function(…) 

每当我在编辑器中输入或只是单击页面上的任何位置时,都会触发此操作.编辑器初始化正常,并且工作正常.我不确定为什么它会抱怨模糊事件.

这是我初始化它的方式:

$('#myInput').redactor({
        'buttons': ['html', 'formatting', 'bold', 'italic', 'unorderedlist', 'orderedlist', 'link'],
        'placeholder': 'Comments...'
    });

看起来这是不满意的部分之一:

$(document).on('mousedown.redactor-blur.'+this.uuid,

我正在使用Redactor 10.2.5

谢谢你的任何建议!

我刚刚用优秀的Redactor取代了CKEditor(它带来了与DOM的AJAX更新相关的大量神秘问题).我们以前使用CKEditor插件为富文本编辑器提供字符数.如何使用Redactor实现相同的目标？没有内置任何东西,也没有"插件"架构可供使用.