# Editor.md
![](https://pandao.github.io/editor.md/images/logos/editormd-logo-180x180.png)
![](https://img.shields.io/github/stars/pandao/editor.md.svg)
![](https://img.shields.io/github/forks/pandao/editor.md.svg)
![](https://img.shields.io/github/tag/pandao/editor.md.svg)
![](https://img.shields.io/github/release/pandao/editor.md.svg)
![](https://img.shields.io/github/issues/pandao/editor.md.svg)
![](https://img.shields.io/bower/v/editor.md.svg)
**Editor.md** : The open source embeddable online markdown editor (component), based on CodeMirror & jQuery & Marked.
### Features
- Support Standard Markdown / CommonMark and GFM (GitHub Flavored Markdown);
- Full-featured: Real-time Preview, Image (cross-domain) upload, Preformatted text/Code blocks/Tables insert, Code fold, Search replace, Read only, Themes, Multi-languages, L18n, HTML entities, Code syntax highlighting...;
- Markdown Extras : Support [ToC (Table of Contents)](https://pandao.github.io/editor.md/examples/toc.html), [Emoji](https://pandao.github.io/editor.md/examples/emoji.html), [Task lists](https://pandao.github.io/editor.md/examples/task-lists.html), [@Links](https://pandao.github.io/editor.md/examples/@links.html)...;
- Compatible with all major browsers (IE8+), compatible Zepto.js and iPad;
- Support [decode & fliter of the HTML tags & attributes](https://pandao.github.io/editor.md/examples/html-tags-decode.html);
- Support [TeX (LaTeX expressions, Based on KaTeX)](https://pandao.github.io/editor.md/examples/katex.html), [Flowchart](https://pandao.github.io/editor.md/examples/flowchart.html) and [Sequence Diagram](https://pandao.github.io/editor.md/examples/sequence-diagram.html) of Markdown extended syntax;
- Support AMD/CMD (Require.js & Sea.js) Module Loader, and Custom/define editor plugins;
[README & Examples (English)](https://pandao.github.io/editor.md/en.html)
--------
**Editor.md** 是一款开源的、可嵌入的 Markdown 在线编辑器(组件),基于 CodeMirror、jQuery 和 Marked 构建。
![editormd-screenshot](https://pandao.github.io/editor.md/examples/images/editormd-screenshot.png "editormd-screenshot")
#### 主要特性
- 支持通用 Markdown / CommonMark 和 GFM (GitHub Flavored Markdown) 风格的语法,也可[变身为代码编辑器](https://pandao.github.io/editor.md/examples/change-mode.html);
- 支持实时预览、图片(跨域)上传、预格式文本/代码/表格插入、代码折叠、跳转到行、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能;
- 支持 [ToC(Table of Contents)](https://pandao.github.io/editor.md/examples/toc.html)、[Emoji表情](https://pandao.github.io/editor.md/examples/emoji.html)、[Task lists](https://pandao.github.io/editor.md/examples/task-lists.html)、[@链接](https://pandao.github.io/editor.md/examples/@links.html)等 Markdown 扩展语法;
- 支持 TeX 科学公式(基于 [KaTeX](https://pandao.github.io/editor.md/examples/katex.html))、流程图 [Flowchart](https://pandao.github.io/editor.md/examples/flowchart.html) 和 [时序图 Sequence Diagram](https://pandao.github.io/editor.md/examples/sequence-diagram.html);
- 支持[识别和解析 HTML 标签,并且支持自定义过滤标签及属性解析](https://pandao.github.io/editor.md/examples/html-tags-decode.html),具有可靠的安全性和几乎无限的扩展性;
- 支持 AMD / CMD 模块化加载(支持 [Require.js](https://pandao.github.io/editor.md/examples/use-requirejs.html) & [Sea.js](https://pandao.github.io/editor.md/examples/use-seajs.html)),并且支持[自定义扩展插件](https://pandao.github.io/editor.md/examples/define-plugin.html);
- 兼容主流的浏览器(IE8+)和 [Zepto.js](https://pandao.github.io/editor.md/examples/use-zepto.html),且支持 iPad 等平板设备;
#### Download & install
Download:
[Github download](https://github.com/pandao/editor.md/archive/master.zip)
NPM install :
```bash
npm install editor.md
```
Bower install :
```bash
bower install editor.md
```
#### Usages
##### Create a Markdown editor
```html
<link rel="stylesheet" href="editor.md/css/editormd.min.css" />
<div id="editor">
<!-- Tips: Editor.md can auto append a `<textarea>` tag -->
<textarea style="display:none;">### Hello Editor.md !</textarea>
</div>
<script src="jquery.min.js"></script>
<script src="editor.md/editormd.min.js"></script>
<script type="text/javascript">
$(function() {
var editor = editormd("editor", {
// width: "100%",
// height: "100%",
// markdown: "xxxx", // dynamic set Markdown text
path : "editor.md/lib/" // Autoload modules mode, codemirror, marked... dependents libs path
});
});
</script>
```
If you using modular script loader:
- [Using Require.js](https://github.com/pandao/editor.md/tree/master/examples/use-requirejs.html)
- [Using Sea.js](https://github.com/pandao/editor.md/tree/master/examples/use-seajs.html)
##### Markdown to HTML
```html
<link rel="stylesheet" href="editormd/css/editormd.preview.css" />
<div id="test-markdown-view">
<!-- Server-side output Markdown text -->
<textarea style="display:none;">### Hello world!</textarea>
</div>
<script src="jquery.min.js"></script>
<script src="editormd/editormd.js"></script>
<script src="editormd/lib/marked.min.js"></script>
<script src="editormd/lib/prettify.min.js"></script>
<script type="text/javascript">
$(function() {
var testView = editormd.markdownToHTML("test-markdown-view", {
// markdown : "[TOC]\n### Hello world!\n## Heading 2", // Also, you can dynamic set Markdown text
// htmlDecode : true, // Enable / disable HTML tag encode.
// htmlDecode : "style,script,iframe", // Note: If enabled, you should filter some dangerous HTML tags for website security.
});
});
</script>
```
> See the full example: [http://editor.md.ipandao.com/examples/html-preview-markdown-to-html.html](http://editor.md.ipandao.com/examples/html-preview-markdown-to-html.html)
##### HTML to Markdown?
Sorry, Editor.md not support HTML to Markdown parsing, Maybe In the future.
#### Examples
[https://pandao.github.io/editor.md/examples/index.html](https://pandao.github.io/editor.md/examples/index.html)
#### Options
Editor.md options and default values:
```javascript
{
mode : "gfm", // gfm or markdown
name : "", // Form element name for post
value : "", // value for CodeMirror, if mode not gfm/markdown
theme : "", // Editor.md self themes, before v1.5.0 is CodeMirror theme, default empty
editorTheme : "default", // Editor area, this is CodeMirror theme at v1.5.0
previewTheme : "", // Preview area theme, default empty
markdown : "", // Markdown source code
appendMarkdown : "", // if in init textarea value not empty, append markdown to textarea
width : "100%",
height : "100%",
path : "./lib/", // Dependents module file directory
pluginPath : "", // If this empty, default use settings.path + "../plugins/"
delay : 300, // Delay parse markdown to html, Uint : ms
autoLoadModules : true, // Automatic load dependent module files
watch : true,
placeholder : "Enjoy Markdown! coding now...",
gotoLine : true, // Enable / disable goto a line
codeFold : false,
autoHeight : false,
autoFocus : true, // Enable / disable auto focus editor left input area
autoCloseTags
没有合适的资源?快使用搜索试试~ 我知道了~
基于 servlet 实现的博客系统
共1125个文件
js:416个
html:326个
css:128个
需积分: 0 0 下载量 66 浏览量
2024-01-12
14:14:45
上传
评论
收藏 23.85MB ZIP 举报
温馨提示
项目概述: 该博客系统是一个基于Servlet技术开发的Web应用,旨在提供一个简单而功能完备的博客平台。用户可以注册账户、发布博客文章。整个系统使用Java Servlet技术作为后端处理逻辑,并采用MVC(Model-View-Controller)架构。 技术栈: Java Servlet MySQL(用于存储用户信息、博客内容等数据) JSP(JavaServer Pages)用于前端页面渲染 Tomcat作为服务器容器 主要功能特性: 1. 用户登录 2. 博客文章的发布、编辑和删除 3. 博客列表展示和单篇博客详细页面 数据库设计: 数据库使用MySQL,包括以下表: 1. user(用户信息表) 2. blog(博客信息表) 部署和运行: 1. 在Tomcat中部署WAR文件 2. 配置数据库连接信息 3. 启动Tomcat服务器 参考资料: 1. Java Servlet官方文档 2. JSP简介 3. Tomcat官方网站 展望: 1. 适合新手用来了解服务器,客户端的交互 2. 增强对 Mysql 的使用 3. 进一步了解 servlet
资源推荐
资源详情
资源评论
收起资源包目录
基于 servlet 实现的博客系统 (1125个子文件)
AUTHORS 6KB
AUTHORS 6KB
BlogDao.class 4KB
BlogDao.class 4KB
BlogServlet.class 3KB
BlogServlet.class 3KB
LoginServlet.class 3KB
LoginServlet.class 3KB
UseDao.class 2KB
AuthorInfoServlet.class 2KB
AuthorInfoServlet.class 2KB
UseDao.class 2KB
Blog.class 2KB
Blog.class 2KB
UserInfoServlet.class 2KB
UserInfoServlet.class 2KB
DbUtil.class 2KB
DbUtil.class 2KB
LogoutServlet.class 1KB
LogoutServlet.class 1KB
User.class 1KB
User.class 1KB
bootstrap.min.css 115KB
bootstrap.min.css 115KB
editormd.css 81KB
editormd.css 81KB
editormd.min.css 60KB
editormd.min.css 60KB
editormd.preview.css 59KB
editormd.preview.css 59KB
editormd.preview.min.css 44KB
editormd.preview.min.css 44KB
ambiance.css 26KB
ambiance.css 26KB
bootstrap-theme.min.css 19KB
bootstrap-theme.min.css 19KB
codemirror.css 8KB
codemirror.css 8KB
jsdoc-default.css 6KB
jsdoc-default.css 6KB
codemirror.min.css 5KB
codemirror.min.css 5KB
mdn-like.css 5KB
mdn-like.css 5KB
solarized.css 5KB
solarized.css 5KB
qunit-1.16.0.css 5KB
qunit-1.16.0.css 5KB
merge.css 3KB
merge.css 3KB
common.css 3KB
common.css 3KB
lint.css 3KB
lint.css 3KB
xq-dark.css 3KB
xq-dark.css 3KB
lesser-dark.css 2KB
lesser-dark.css 2KB
pastel-on-dark.css 2KB
pastel-on-dark.css 2KB
xq-light.css 2KB
xq-light.css 2KB
editormd.logo.css 2KB
editormd.logo.css 2KB
tomorrow-night-eighties.css 2KB
tomorrow-night-eighties.css 2KB
erlang-dark.css 2KB
erlang-dark.css 2KB
prettify-tomorrow.css 2KB
prettify-tomorrow.css 2KB
zenburn.css 2KB
zenburn.css 2KB
style.css 2KB
style.css 2KB
twilight.css 2KB
twilight.css 2KB
midnight.css 2KB
midnight.css 2KB
vibrant-ink.css 2KB
vibrant-ink.css 2KB
mbo.css 2KB
mbo.css 2KB
base16-dark.css 2KB
base16-dark.css 2KB
base16-light.css 2KB
base16-light.css 2KB
tern.css 2KB
tern.css 2KB
3024-night.css 2KB
3024-night.css 2KB
paraiso-dark.css 2KB
paraiso-dark.css 2KB
paraiso-light.css 2KB
paraiso-light.css 2KB
tomorrow-night-bright.css 2KB
tomorrow-night-bright.css 2KB
3024-day.css 2KB
3024-day.css 2KB
blackboard.css 2KB
blackboard.css 2KB
共 1125 条
- 1
- 2
- 3
- 4
- 5
- 6
- 12
资源评论
Lpy2569
- 粉丝: 700
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功