Trumbowyg 轻量级的 WYSIWYG 编辑器(附带 Laravel 文件上传)

假期写代码,整理一些关于Editor,文件上传相关的东西。 editor 文件上传(Laravel) Trumbowyg Editor Trumbowyg 是一款轻量级的编辑器,可以高度DIY,界面也很简洁。 官方网站:Trumbowyg 首先下载官方包,在官网可以直接下载。 目录结构如下: 其中只需要留下 dist 文件夹即可,其余的是文档,例子,直接删除即可。 使用方法很简单,在 view 界面引用相关的 css 文件与 js 文件,这里默认已经引用了Jquery <link rel="stylesheet" href="/Trumbowyg/dist/ui/trumbowyg.min.css"> <script src="/Trumbowyg/dist/trumbowyg.js"></script> 同时需要创建一个 textarea 作为 editor 的容器 <textarea id="editor" name="editor" rows="10" cols="80"></textarea> 接下来就可以使用Trumbowyg 创建一个编辑器出来 <script> ...     阅读全文
Liebes's avatar
Liebes 7月 10, 2017

Nginx 本地虚拟主机搭建

之前每次都死在这里,这把终于搞明白了。弄个虚拟主机的目的是将多个项目都可以跑在虚拟域名的根目录下,在本地调试结构也比较清晰。 首先备份一份 default 配置文件 $ sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/default.bak 接下来以example.com域名为例 $ sudo cp /etc/nginx/sites-available/default /etc/nginx/sites-available/example.com.conf 修改新的配置文件的内容 server { listen 80; listen [::]:80; server_name example.com; root /var/www/example.com; index index.html index.php; location / { try_files $uri $uri/ =404; } location ~ \.php$ { include snippets/fastcgi-php.conf; fastcgi_pass 127.0.0.1:9000; } location ~ /\.ht { deny all; } } 这里你需要有对应的工作目录,将配置文件链接到 sites-enabled 中使其生效下面这里要注意了,一定要写绝对路径。 $ sudo ln -s /etc/nginx/sites-available/example.com /etc/nginx/sites-enabled/ $ sudo systemctl reload nginx 在hosts文件中加上映射     阅读全文
Liebes's avatar
Liebes 3月 13, 2017