Simditor便捷的所见即所得编辑器

maogu5个月前Laravel83

将以下文件导入您的Web应用程序

<link rel="stylesheet" type="text/css" href="[style path]/simditor.css" />

<script type="text/javascript" src="[script path]/jquery.min.js"></script>
<script type="text/javascript" src="[script path]/module.js"></script>
<script type="text/javascript" src="[script path]/hotkeys.js"></script>
<script type="text/javascript" src="[script path]/uploader.js"></script>
<script type="text/javascript" src="[script path]/simditor.js"></script>

在您的项目中使用Simditor

要使用Simditor,首先,您需要一个textarea像这样的元素:

<textarea id="editor" placeholder="Balabala" autofocus></textarea>

初始化Simditor:

var editor = new Simditor({
  textarea: $('#editor')
  //optional options
});

textarea是必需的选项。jQuery Object,HTML Element或Selector String可以传递给此选项。

一些可选选项:

  • placeholder(默认值:“”)simditor的占位符。默认情况下,使用textarea的占位符属性值。

  • toolbar (默认:true)-显示工具栏按钮

  • toolbarFloat (默认:true)-滚动时修复了浏览器顶部的工具栏。

  • toolbarHidden (默认值:false)-隐藏工具栏。

  • defaultImage(默认:“ images / image.png”)-默认图片占位符。在Simditor中插入图片时使用。

  • tabIndent (默认值:true)-使用“ tab”键缩进。

  • params (默认值:{})-在textarea中插入隐藏的输入以存储参数(键-值对)。

  • upload(默认值:false)-接受false或键-值对。上传图像的额外选项。例如“ url”,“ params”

  • pasteImage(默认值:false)-支持通过粘贴剪贴板中的图像进行上传。仅受Firefox和Chrome支持。

simditor-2.3.28-1.zip


相关文章

记录关于 notification 的一些方法

$user->notifications()->get() // 获取所有的通知 $user->readNotifications()->get()&nb...

QueryList 多级嵌套采集

$aaa = $ql->rules(['list' => ['', 'html']])->range('articl...

更新json数组

Route::get('/', function () {   \App\User::query()->where(&...

Artisan 命令日志以网页的方式显示

        header('X-Accel-Buffering: no'); &nb...

Laravel Js提示

@foreach(['success','error','danger','info'] as $msg) &nb...

Laravel Eloquent: 使用 hasMany 来处理『无限极分类』

在网上商城上,我们经常可以看到多级分类、子分类、甚至无限极分类。本文将向你展示如何优雅的通过 Laravel Eloquent 将其实现。我们会创建一个微型项目来展示儿童商店的分类...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。