Question

我正在尝试将redactor wysiwyg集成到我的Yii应用程序中。所见即所得正在装载和运作。但是，图标不显示（此处为快照 - http://i58.tinypic.com/ily4nq.jpg）。我将https://github.com/yiiext/imperavi-redactor-widget复制到扩展目录并在我的_form视图中调用了widget。以下代码 -

echo $form->labelEx($model, 'content');

    Yii::import('ext.imperavi-redactor-widget.ImperaviRedactorWidget');
    $this->widget('ImperaviRedactorWidget', array(
        // You can either use it for model attribute
        'model' => $model,
        'attribute' => 'content',
        // Some options, see http://imperavi.com/redactor/docs/
        'options' => array(
            //'lang' => 'ru',
            //'toolbar' => true,
            //'iframe' => true,
            //'css' => 'wym.css',
            'minHeight' => '250',
            'buttons' => array(
                'formatting', '|', 'bold', 'italic', 'deleted', '|',
                'unorderedlist', 'orderedlist', 'outdent', 'indent', '|',
                'video', 'image',
                'link', '|', 'html',
            ),
        ),
    ));

可能是什么问题？ CSS和JS正在正确加载。有一个EOT字体文件，我让它在多个地方可用，以防万一没有运气。任何帮助表示赞赏。谢谢。

Answer 1

使用控制台（F12）检查请求的文件是否正常。 “网络”标签会对您有所帮助。

如果你有404，那意味着你可能需要检查并修复CSS中图像的路径。

Answer 2

我明白了。有一个CSS类冲突。我正在加载另一个CSS（system.css），它有一个font-family元素，与用于redactor wysiwyg的外部字体冲突。我评论出来，图标显示！

imperavi redactor为yii图标无法加载

2 个答案: