假期写代码,整理一些关于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>
...
阅读全文
之前每次都死在这里,这把终于搞明白了。弄个虚拟主机的目的是将多个项目都可以跑在虚拟域名的根目录下,在本地调试结构也比较清晰。
首先备份一份 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文件中加上映射
阅读全文