LaravelChen / Laravel Editormd
Editor.md For Laravel5(支持七牛存储)
Stars: ✭ 109
Labels
Projects that are alternatives of or similar to Laravel Editormd
Ssg
The official Statamic 3 static site generator package
Stars: ✭ 107 (-1.83%)
Mutual labels: laravel
Townhouse
[WORK IN PROGRESS] A Multitenancy package for Laravel that keeps each tenant in a separate database.
Stars: ✭ 108 (-0.92%)
Mutual labels: laravel
Laravel Excel
🚀 Supercharged Excel exports and imports in Laravel
Stars: ✭ 10,417 (+9456.88%)
Mutual labels: laravel
Cray
A Laravel package to help you generate nearly complete CRUD pages like crazy!
Stars: ✭ 108 (-0.92%)
Mutual labels: laravel
Invoice As A Service
💰 Simple invoicing service (REST API): from JSON to PDF
Stars: ✭ 106 (-2.75%)
Mutual labels: laravel
Balance
Balance accounting (bookkeeping) system based on debit and credit principle
Stars: ✭ 109 (+0%)
Mutual labels: laravel
Awesome Laravel
A curated list of bookmarks, packages, tutorials, videos and other cool resources from the Laravel ecosystem
Stars: ✭ 10,643 (+9664.22%)
Mutual labels: laravel
Validatorjs
A data validation library in JavaScript for the browser and Node.js, inspired by Laravel's Validator.
Stars: ✭ 1,534 (+1307.34%)
Mutual labels: laravel
Vue Api Query
💎 Elegant and simple way to build requests for REST API
Stars: ✭ 1,528 (+1301.83%)
Mutual labels: laravel
Helpers
A collection of Javascript String and Array helpers for Laravel developers
Stars: ✭ 108 (-0.92%)
Mutual labels: laravel
Llum
Llum (light in catalan language) illuminates your Laravel projects speeding up your Github/Laravel development workflow
Stars: ✭ 107 (-1.83%)
Mutual labels: laravel
Laravel Cacheable
Rinvex Cacheable is a granular, intuitive, and fluent caching system for eloquent models. Simple, but yet powerful, plug-n-play with no hassle.
Stars: ✭ 107 (-1.83%)
Mutual labels: laravel
Nova Chartjs
A Simple Dashboard Chart in Laravel Nova using Chart JS. Starting create your own dashboard with Chart JS Integration can save your time and help you maintain consistency across standard elements such as Bar, Stacked, Line, Area, Doughnut and Pie Chart.
Stars: ✭ 108 (-0.92%)
Mutual labels: laravel
Laravel Translations Loader
Webpack loader to import Laravel translation files (PHP or JSON) into your JS bundle as JSON.
Stars: ✭ 109 (+0%)
Mutual labels: laravel
Kongqi laravel admin
快速laravel后台管理系统，集成了，图片上传，多图上传，批量Excel导入，批量插入，修改，添加，搜索，权限管理RBAC,验证码，插件一个综合完善后台，助你开发快人一步。
Stars: ✭ 109 (+0%)
Mutual labels: laravel
Nova Indicator Field
A colour-coded indicator field for Laravel Nova
Stars: ✭ 108 (-0.92%)
Mutual labels: laravel
Editor.md For Laravel5
介绍
介于在Laravel下使用Editor.md这款Markdown编辑器的原因,觉得这款编辑器非常好用，于是做成laravel的扩展，方便使用! Editor.md的官网是:https://pandao.github.io/editor.md/examples/index.html
效果图
默认样式
sublime样式
安装
使用composer安装扩展(最好翻墙哈哈)
composer require laravelchen/laravel-editormd
然后在config/app.php添加provider
'providers' => [
LaravelChen\Editormd\EditorMdProvider::class,
zgldh\QiniuStorage\QiniuFilesystemServiceProvider::class,
];
最后生成配置文件
php artisan vendor:publish
使用七牛请先在config/filesystem.php文件中添加七牛的配置
'qiniu' => [
'driver' => 'qiniu',
'domains' => [
'default' => '', //你的七牛域名
'https' => '', //你的HTTPS域名
'custom' => '', //你的自定义域名
],
'access_key' => '', //AccessKey
'secret_key' => '', //SecretKey
'bucket' => '', //Bucket名字
'notify_url' => '', //持久化处理回调地址
],
用法
配置文件的内容(config/editormd.php)
<?php
return [
'upload_path' => 'uploads/images/',//上传文件的地址
'upload_type' => '',//上传的方式qiniu或者本地,默认为本地
'upload_http' => 'https',//https或者为空
//本地:'',七牛:'qiniu'
'width' => '100%',//宽度建议100%
'height' => '700',//高度
'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', //开启时序/序列图支持
];
例子(请在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>
OK！一切完成后！尽请使用吧!
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].