Rumah  >  Soal Jawab  >  teks badan

Masalah dengan menyegarkan editor ueditor tersuai dalam laravel-admin

Saya telah menentukan komponen dalam laravel-admin Ia boleh digunakan, tetapi ia perlu disegarkan setiap kali
Bila saya klik edit, ia hanya apabila saya menyegarkan ia akan menjadi gambar kedua

Saya ingin tahu cara menukarnya terus kepada gambar dalam Bab 2 tanpa menyegarkan. . . .

Komponen ditulis begini, rujuk dokumentasi rasmi

<?php
namespace App\Admin\Extensions;

use Encore\Admin\Form\Field;

class UEditor extends Field
{
    protected $view = 'admin::form.editor';
    protected static $css = [

    ];

    protected static $js = [
       'vendor/ueditor/ueditor.config.js',
        'vendor/ueditor/ueditor.all.js',
    ];

    public function render()
    {
        $cs=csrf_token();
        $config=config('ueditor.route.name');
        $this->script = <<<EOT
          window.UEDITOR_CONFIG.serverUrl = '$config'
 var ue = UE.getEditor('{$this->id}');
    ue.ready(function() {
        ue.execCommand('serverparam', '_token', '$cs'); // 设置 CSRF token.
    });
  
EOT;
        return parent::render();

    }
}
女神的闺蜜爱上我女神的闺蜜爱上我2705 hari yang lalu1483

membalas semua(1)saya akan balas

  • phpcn_u1582

    phpcn_u15822017-06-16 09:21:36

    Anda harus menggunakan vue, anda harus menulis ueditor sebagai komponen

    <template>
      <p ref="editor"></p>
    </template>
    
    <script>
    
      import './ueditor.config';
      import './ueditor.all';
      import './lang/zh-cn/zh-cn';
    
    
      export default {
        data() {
          return {
            id: parseInt(Math.random()*1000)+'ueditorId',
          };
        },
        props: {
          value: {
            type: String,
            default: null,
          }
        },
        watch: {
          // value: function value(val, oldVal) {
          //   this.editor = UE.getEditor(this.id);
          //   if (val !== null) {
          //     this.editor.setContent(val);
          //   }
          // },
        },
        mounted() {
    
          var _this = this;
          this.$nextTick(function f1() {
            // 保证 this.$el 已经插入文档
    
            this.$refs.editor.id = this.id;
            this.editor = UE.getEditor(this.id, this.config);
    
            this.editor.ready(function f2() {
              this.editor.setContent(this.value==null?'<p></p>':this.value);
              this.editor.addListener("contentChange afterExecCommand", function () {
                const wordCount = _this.editor.getContentLength(true);
                const content = _this.editor.getContent();
                const plainTxt = _this.editor.getPlainTxt();
                _this.$emit('input', { wordCount: wordCount, content: content, plainTxt: plainTxt });
              }.bind(this));
    
              // this.$emit('ready', this.editor);
            }.bind(this));
          });
        },
      };
    </script>
    

    balas
    0
  • Batalbalas