包简介

editor.md for laravel

README 文档

README

最好用的Editor.md编辑器和解析器

更新记录

2019-03-22

优化存储方式

默认使用editormd.php的配置，为空时使用filesystems的default存储
支持多个云储存，如七牛、阿里云 (单独安装扩展)
解决云存储文件路径错误问题

2019-02-26

新增功能

新增后端解析方法

2019-01-15

初始化

项目初始化

介绍

基于Editor.md实现的laravel扩展, 支持七牛云；支持后端解析markdown文本

Editor.md官网: https://pandao.github.io/editor.md/examples/index.html

效果

默认样式

安装

方法一：使用composer直接安装

composer require luzucheng59/laravel-editormd

方法二：编辑composer.json后直接composer update

"require": {
    "luzucheng59/laravel-editormd": "^2.6"
},

配置

修改config/app.php(laravel5.5 可省略)

'providers' => array(
    Zu\Editormd\EditorMdServiceProvider::class,
);

'aliases' => array(
    'EditormdParse' => Zu\Editormd\EditorMdFacade::class,
),

生成配置文件

php artisan vendor:publish

配置文件：config/editormd.php

<?php
return [
    'id'                 => 'editormd_id',  //textarea 父级元素id
    'upload_path'        => 'upload/images',//上传文件的地址 需要设置为可写
    'upload_type'        => '',//上传的方式qiniu或者本地, 本地:'',七牛:'qiniu'
    'upload_http'        => '',//https或者为空
    'width'              => 'auto',//宽度建议100%
    'height'             => '500',//高度
    'theme'              => 'default',//顶部的主题分为default和dark
    'editorTheme'        => 'default',//显示区域的主题分为default和pastel-on-dark 注:如果想要配置其他主题，请参考vendor/editormd/lib/theme目录下的css文件
    'previewTheme'       => 'default',//编辑区域的主题分为default,dark,
    'flowChart'          => 'true',  //流程图
    'tex'                => 'true',  //开启科学公式TeX语言支持
    'searchReplace'      => 'true',//搜索替换
    'saveHTMLToTextarea' => 'true',  //保存 HTML 到 Textarea
    'codeFold'           => 'true',  //代码折叠
    'emoji'              => 'true',  //emoji表情
    'toc'                => 'true',  //目录
    'tocm'               => 'true',  //目录下拉菜单
    'taskList'           => 'true',  //任务列表
    'imageUpload'        => 'true',  //图片本地上传支持
    'sequenceDiagram'    => 'true',  //开启时序/序列图支持
];

扩展说明

使用云存储

1. 在blade中显示编辑框 (请在editor_js()之前引用jquery)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    {!! editor_css() !!}
</head>
<body>
<div class="container">
    <div class="col-md-12" style="margin-top: 50px">
        <div id="editormd_id">
            <textarea name="content" style="display:none;"></textarea>
        </div>
    </div>
</div>
<script src="//cdn.bootcss.com/jquery/2.1.0/jquery.min.js"></script>
{!! editor_js() !!}
</body>
</html>

2. 后端解析数据

echo \EditormdParse::parse("#中间填写markdown格式的文本");

参考

erusev/parsedown
LaravelChen/laravel-editormd
zgldh/qiniu-laravel-storage
jacobcyl/Aliyun-oss-storage

想想还有什么.... 敬请使用!

luzucheng59/laravel-editormd 适用场景与选型建议

luzucheng59/laravel-editormd 是一款基于 PHP 开发的 Composer 扩展包，目前已累计 21 次下载、GitHub Stars 达 2，最近一次更新时间为 2019 年 02 月 26 日，在 PHP 生态内属于活跃度较高的组件。

它主要适用于以下技术方向：「php」「markdown」「laravel」「oss」「qiniu」「laravel 5」等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。

我们在过去多个企业项目中使用过 luzucheng59/laravel-editormd 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。

围绕 luzucheng59/laravel-editormd 我们能提供哪些服务？

定制开发 / 二次开发

基于 luzucheng59/laravel-editormd 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。

BUG 修复 & 性能优化

线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。

项目外包 & 长期维护

承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。

yvsm@zunyunkeji.com QQ：316430983 微信：yvsm316 西安尊云信息科技 · 专注 PHP / Go / 分布式系统研发

与 luzucheng59/laravel-editormd 相关的其它包

同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：

dg/texy 159

Texy converts plain text in easy to read Texy syntax into structurally valid (X)HTML. It supports adding of images, links, nested lists, tables and has full support for CSS. Texy supports hyphenation of long words (which reflects language rules), clickable emails and URL (emails are obfuscated again

litalino/flarum-more-bbcode 2

Adds more BBCode

ins0/github-changelog-generator 14

Creates a markdown changelog for your GitHub repository.

varunsridharan/wp2github-md 0

Lightweight Application To Convert WordPress Readme Into Github Markdown

foxtes/alfabank-rest 1

Alfabank REST API integration

attogram/attogram-framework 7

The Attogram Framework provides developers a PHP skeleton starter site with a content module system, file-based URL routing, IP-protected backend, Markdown parser, jQuery and Bootstrap. Core modules available to add an integrated SQLite database with web admin, user system, and more.

luzucheng59/laravel-editormd

包简介

关键字：

README 文档

README

更新记录

2019-03-22

优化存储方式

2019-02-26

新增功能

2019-01-15

初始化

介绍

效果

默认样式

安装

方法一：使用composer直接安装

方法二：编辑composer.json后直接composer update

配置

修改config/app.php(laravel5.5 可省略)

生成配置文件

扩展说明

使用云存储

1. 在blade中显示编辑框 (请在editor_js()之前引用jquery)

2. 后端解析数据

参考

luzucheng59/laravel-editormd 适用场景与选型建议

与 luzucheng59/laravel-editormd 相关的其它包

统计信息

GitHub 信息

其他信息

luzucheng59/laravel-editormd

包简介

关键字：

README 文档

README

更新记录

2019-03-22

优化存储方式

2019-02-26

新增功能

2019-01-15

初始化

介绍

效果

默认样式

安装

方法一：使用composer直接安装

方法二：编辑composer.json后 直接composer update

配置

修改config/app.php(laravel5.5 可省略)

生成配置文件

扩展说明

使用云存储

1. 在blade中显示编辑框 (请在editor_js()之前引用jquery)

2. 后端解析数据

参考

luzucheng59/laravel-editormd 适用场景与选型建议

与 luzucheng59/laravel-editormd 相关的其它包

统计信息

GitHub 信息

其他信息

方法二：编辑composer.json后直接composer update