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

maogu8个月前Laravel128

将以下文件导入您的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


相关文章

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

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

Intervention/image 图片处理

Route::get('/', function () { $lists = [ "https://w.66mh.xyz/imagesw/...

微信开发者账户申请以及测试

微信公众平台测试账号申请公众平台测试账号十分方便,直接通过微信登录即可,登录地址登录后我们可以看到 appId 和 appsecret我们需要关注自己的测试公众号,只有关...

Laravel 登陆验证

protected function authenticated(Request $request, $user)    &nb...

记录关于 notification 的一些方法

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

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

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

发表评论    

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