标签: redactor

根据关于固定工具栏设置的Redactor 文档,我可以将toolbarFixed标志传递为true,并且当用户向下滚动时工具栏应保持在视口的顶部,但这不适用于移动设备.

我怀疑它为什么不适用于移动设备是:源代码正在侦听滚动事件,在移动设备上它将是一个拖动事件.有没有遇到过这个？如果是这样,你的工作是什么？

目前正在运行10.1.3版

怀疑线:

$(this.opts.toolbarFixedTarget).on('scroll.redactor.' + this.uuid, $.proxy(this.toolbar.observeScroll, this));

如何在jQuery Redactor编辑器中添加拼写检查？我找到了一些拼写检查JavaScript插件,但没有一个很容易集成到Redactor中.有没有人成功地做到了这一点？使用.NET,需要我们自己的自定义词典.

我发现的这些拼写检查器都不能轻易集成:

1. JavaScript拼写检查
2. WebSpellChecker(贵)
3. JQuery拼写检查器(使用Google拼写检查,没有.NET自定义词典)

我尝试将Beautifull WYSIWYG Redactor(http://imperavi.com/redactor/)集成到自定义的AngularJS指令中.

Visualy它可以工作,但我的自定义指令与ng-model不兼容(我不明白为什么)

这是你如何使用我的指令:

<wysiwyg ng-model="edited.comment" id="contactEditCom" content="{{content}}" required></wysiwyg>

这是指令代码:

var myApp = angular.module('myApp', []);
myApp.directive("wysiwyg", function(){

var linkFn = function(scope, el, attr, ngModel) {

    scope.redactor = null;

    scope.$watch('content', function(val) {
        if (val !== "")
        {
            scope.redactor = $("#" + attr.id).redactor({
                focus : false,
                callback: function(o) {
                    o.setCode(val);
                    $("#" + attr.id).keydown(function(){
                        scope.$apply(read);
                    });
                }
            });
        }
    });

    function read() {
        var content = scope.redactor.getCode();
        console.log(content);
        if (ngModel.viewValue != content)
        {
            ngModel.$setViewValue(content);
            console.log(ngModel);
        }
    }

};

 return { …

我使用"redactor"(http://imperavi.com/redactor)作为我的HTML编辑器.当一个页面中有多个编辑器时,如果我使用其ID使用每个编辑器进行初始化,这将完美地工作.但是当我使用它的类初始化时,第一个只能完美地工作.

我使用以下代码来初始化它

$(".htmlEditor").redactor();

第一个编辑工作.如果我按下第二个或其他编辑器的格式按钮,焦点会跳转到第一个编辑器.

如果我使用其ID分别初始化每个编辑器,那么所有编辑器都在工作.

但我想要使用类,因为编辑器是动态添加到页面的.

我已经使用了其他jquery插件(在一个页面中使用类进行初始化的多个实例),应该有一种方法可以在这个插件中执行此操作.

我错过了吗？或者我必须做任何配置？

我使用Yii2主编来自这里.我想删除Image and File Upload.

查看代码:

<?= $form->field($model, 'reason')->widget(
\yii\redactor\widgets\Redactor::className(), [])

 ?>

截图

有字段textarea id="tr" 使用HTML编辑器Redactor上一版本尝试设置该字段的值正好在API Doc中描述:

$('#tr').redactor('insertText', 'text'); 

要么

$('#tr').redactor('insertHtml', 'text');

我究竟做错了什么 ？

我正在尝试在Heroku(Cedar堆栈)上运行的RoR应用程序中实现Redactor中的拼写检查.

在这个SO问题中概述的答案对我不起作用,因为它需要能够在我的本地服务器上运行PHP,这对于Heroku来说似乎是不可能的.即使我打败了跨源保护,在我的Rails应用程序外部的服务器上运行PHP似乎也不是一个好主意.

截止日期之后似乎是一种可能的解决方案,但After The Deadline gem返回原始拼写检查数据而不会集成到Redactor中.

有没有人能够成功:

• 在RoR环境中使用Redactor在截止日期之后实施？
• 得到了jQuery Spellchecker在RoR和Heroku工作？

如果没有,是否有其他解决方案可以在Heroku的RoR中对Redactor进行拼写检查？

在redactor中,当我将鼠标悬停在工具栏按钮上时,工具提示会从左上角飞到放置工具栏按钮的位置.这种奇怪的行为使得这个工具提示非常难看,并且想要禁用它.

此链接描述了禁用内联工具提示,但我正在寻找一种方法来禁用主要工具提示.

如何禁用它？

下图中的黑色工具栏有工具提示,我想禁用鼠标上出现的工具提示,因为它有一些错误的行为.

我使用Redactor作为HTML编辑器,它有一个用于上传图像和文件的组件.

Redactor负责客户端位,我需要提供服务器端上传功能.

如果我Request.Files在控制器中使用,我没有问题让上传工作.

但我想将发布的文件绑定到模型,我似乎无法做到这一点,因为它们发送的参数是files[]- 名称中带有方括号.

我的问题:

是否可以将发布绑定"file[]"到MVC模型？这是一个无效的属性名称,file单独使用不起作用.

此文件输入如下所示.我可以指定一个名称以外的名称file,但Redactor添加[]到最后,无论名称如何.

<input type="file" name="file" multiple="multiple" style="display: none;">

我试图绑定到这样的属性:

public HttpPostedFileBase[] File { get; set; }

当我看到上传发生时,我在请求中看到了这一点(我认为redactor可能会在幕后添加方括号):

Content-Disposition: form-data; name="file[]"; filename="my-image.jpg"

也相关:

Redactor始终将内容类型的上传请求作为multipart/form-data发送.所以你不需要在任何地方添加这个enctype

就像你可以禁用一个<textarea disabled>...</textarea>组件,我想禁用一个编辑器编辑器,但仍然在我的页面上显示它.

我希望Redactor能够读取我正在初始化的textarea上的disabled属性,并根据需要禁用编辑器,但它不起作用,而是创建一个功能齐全的编辑器.

<textarea class="redactor" disabled></textarea>
...
<script type="text/javascript">
$(function () {
        $('.redactor').redactor();
});
</script>

是否有其他API命令或解决方法可用于创建禁用的编辑器？一种简单的禁用和启用它的方法将是首选.我似乎无法在Redactor文档或API中找到有关如何执行此操作的任何内容.

我正在使用Redactor 9.1.9,但如果有必要,我愿意升级.谢谢!