在刀片模板中使用 CKEditor [Laravel 3.x]答案

【问题标题】：Using CKEditor inside blade template [Laravel 3.x]在刀片模板中使用 CKEditor [Laravel 3.x]
【发布时间】：2013-08-09 08:53:43
【问题描述】：

我想使用这个捆绑包：laravel-ckeditor 但是我在视图中嵌套它时遇到了麻烦（我之前的所有安装步骤都已成功完成）。如何将 Form::text() 与此捆绑包连接？

当我添加时

<?php 
        $ckeditor = new CKEditor();
        $config = array();
        $config['toolbar'] = array(
            array( 'Source', '-', 'Bold', 'Italic', 'Underline', 'Strike' ),
            array( 'Image', 'Link', 'Unlink', 'Anchor' )
        );
        $events['instanceReady'] = 'function (ev) {
            alert("Loaded: " + ev.editor.name);
        }';
        $ckeditor->editor("field1", "
        Initial value.

        ", $config, $events);
    ?>

它只是创建新的文本区域，但不幸的是没有任何富文本功能...... 有人遇到过这个问题吗？

【问题讨论】：

我也试过bundles.laravel.com/bundle/laramce，但我不知道如何正确使用它:(

标签： laravel ckeditor laravel-3 blade

【解决方案1】：

步骤是：

首先通过 composer 运行以下命令安装编辑器：

composer require unisharp/laravel-ckeditor
将此添加到 config/app.php 中的 ServiceProvider 到 providers 数组中： 'providers' => [

Unisharp\Ckeditor\ServiceProvider::class,
再次回到命令行，发布资源：

php artisan vendor:publish --tag=ckeditor
现在将其嵌入到 textarea 中，并使用 id 绑定它们

<script src="{{ url('/vendor/unisharp/laravel-ckeditor/ckeditor.js') }}"></script>
<script>
    CKEDITOR.replace( 'your_id' );
</script>

<textarea id="your_id"></textarea>

对于这些步骤，他们有自己的github repository

注意：如果您使用 Laravel Collictive 添加 textarea 并将 id 绑定到它，请使用：

{{Form::textarea('desc', '', ['id' => 'your_id'])}}

AND 然后显示漂亮的格式化内容，如下所示：

{!!$post->desc!!}

$post->desc 是从数据库返回的存储值

【讨论】：

【解决方案2】：

这是 TinyMCE 的一个示例：

<!-- title field -->
    <p>{{ Form::label('title', 'Tytuł') }}</p>
    {{ $errors->first('title', '<div class="alert alert-error"><a class="close">×</a>:message</div>') }}
    <p>{{ Form::text('title', $value = $post->title, $attributes = array(Input::old('title'))); }}</p>
<!-- body field -->
<p>{{ Form::label('body', 'Tekst') }}</p>
        {{ $errors->first('body', '<div class="alert alert-error"><a class="close">×</a>:message</div>') }}
        <p>{{ RTE::rich_text_box('body',$post->body,array('att'=>array('id'=>'editorID'),'selector'=>'editorSelector','mode'=>'full','setup'=>array('skin'=>'o2k7','skin_variant'=>'black'))) }}
        </p>
    <!-- submit button -->
        <p>{{ Form::submit('Edit') }}</p>

诀窍是使用它代替 Form::text （并更改 /laravel/public/bundles/* 中的所有文件权限为 0755） CKEditor 也是如此。希望它会在未来对其他人有所帮助（：

【讨论】：