百度编辑器UEditor实现自动保存

简介: 百度编辑器UEditor实现自动保存
<?php

namespace App\Admin\Extensions;

use Encore\Admin\Form\Field;

class NEditor extends Field
{
    protected $view = 'admin.neditor';

    protected static $css = [
        '/neditor/themes/notadd/css/neditor.css',
    ];

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

    public function render()
    {


        $this->script = <<<EOT
        UE.delEditor("{$this->id}");

        var ue = UE.getEditor('{$this->id}',{
            initialFrameWidth:null,
            initialFrameHeight:400,
            autoHeight: false,
            elementPathEnabled: false,
            enableContextMenu: true,
            autoClearEmptyNode: true,
            wordCount: true,
            imagePopup: false,
            autotypeset: {indent: true, imageBlockLine: 'center'},
            allowDivTransTop: false,
            enterTag: 'br',
            autoHeightEnabled:false,
            enableAutoSave: true, //启用自动保存
            saveInterval: 500 //自动保存间隔时间, 单位ms
        });
        ue.ready(function () {
             ue.setHeight(400);
             ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');
             
             //获取草稿内容
             var html = ue.getContent();
             if (html == '' || html == 'undefined') {
                 console.log('editor is null');
                 ue.execCommand('drafts');
             } else {
                 console.log('editor not null');
             }
        });

EOT;
        return parent::render();
    }
}
目录
相关文章
|
6月前
|
开发框架 JavaScript 前端开发
百度富文本编辑器配置(vue3)
百度富文本编辑器配置(vue3)
|
6月前
|
JavaScript 前端开发
layui用layer.open打开子页面并获取子页面的ueditor富文本编辑器的内容
该内容描述了一个Web应用的交互流程,其中父页面通过调用子页面的JavaScript函数来获取富文本编辑器的内容。子页面包含一个富文本编辑器和一个`callbackdata`函数,用于返回编辑器的文本内容。父页面使用`layer.open`打开子页面作为弹窗,并在用户点击提交时,访问子页面的`callbackdata`获取编辑器内容,同时检查其他表单字段,如类型、标题等是否为空,以确保数据完整。
568 0
|
6月前
|
Ubuntu Linux
百度搜索:蓝易云【Linux设置默认编辑器(qbit)】
现在,你已经成功将默认编辑器设置为qbit。在终端中输入 `editor`命令或打开文本文件时,系统将使用qbit作为默认编辑器来打开文件。请注意,`update-alternatives`命令还可以用于设置其他默认应用程序。
107 3
|
3月前
|
存储 安全 数据安全/隐私保护
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
136 0
|
5月前
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
71 0
|
资源调度 JavaScript
vue项目:集成富文本编辑器 - 百度ueditor(vue-ueditor-wrap)
vue项目:集成富文本编辑器 - 百度ueditor(vue-ueditor-wrap)
598 0
|
6月前
|
开发工具
百度搜索:蓝易云【使用vim编辑器,进行保存时报错:E382: Cannot write, ‘buftype‘ option is set详解。】
请注意,'buftype'选项的设置通常是由于某些插件或配置文件导致的。如果您在Vim的配置文件(如.vimrc)或使用的插件中设置了'buftype'选项,请检查相关配置并确保设置正确。
95 0
|
6月前
|
Linux 开发工具
百度搜索:蓝易云【Linux如何使用Nano编辑器教程。】
需要注意的是,Nano是一款轻量级的文本编辑器,适用于简单的编辑任务。如果你需要进行更复杂的编辑或编程任务,可能需要使用更强大的编辑器,如Vim或Emacs。
66 0
|
Ubuntu 数据安全/隐私保护
百度搜索:蓝易云【如何在 Ubuntu 22.04 LTS 上安装分区编辑器 GParted?】
希望这些步骤能够帮助您在Ubuntu 22.04 LTS上安装GParted并顺利使用它进行分区管理。
99 0