# 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 : true,
searchReplace : true, // Enable / disable (CodeMirror) search and replace function
sy
没有合适的资源?快使用搜索试试~ 我知道了~
java之路,主要是java中的学习过程与基础项目.rar
共895个文件
js:210个
html:170个
class:110个
需积分: 5 0 下载量 53 浏览量
2023-08-06
12:27:48
上传
评论
收藏 4.44MB RAR 举报
温馨提示
一、Java技术介绍 Java是一种广泛应用于软件开发的高级编程语言,由Sun Microsystems(后被Oracle收购)于1995年推出。它被设计成一种可移植、面向对象和跨平台的语言,具有简单性、可靠性和安全性的特点。 以下内容是在大学时候接触的: 学习Java的基础知识:开始之前,你需要理解计算机编程的基本概念和术语。了解变量、条件语句、循环、函数等编程基础知识将为你学习Java打下坚实的基础。 阅读Java编程指南:Java有详细的编程规范和最佳实践,阅读官方的Java编程指南可以帮助你编写高质量的代码。Oracle官方网站提供了Java编程指南的文档,你可以在那里找到有关Java编程的详细信息。 学习Java语法:Java有自己的语法和特点,你可以通过阅读书籍、在线教程或观看视频来学习Java的语法。有一些很受欢迎的Java教材,如《Java核心技术》和《Thinking in Java》。 使用集成开发环境(IDE):为了更好地编写和调试Java代码,建议使用一个Java集成开发环境(IDE),如Eclipse、IntelliJ IDEA或NetBeans。
资源推荐
资源详情
资源评论
收起资源包目录
java之路,主要是java中的学习过程与基础项目.rar (895个子文件)
AUTHORS 6KB
TestSort.class 7KB
TestDemo.class 5KB
MyBarTree.class 4KB
DishesDao.class 4KB
MessageServlet.class 4KB
BlogDao.class 4KB
UserDao.class 4KB
MyArrayList.class 4KB
Student.class 3KB
BlogServlet.class 3KB
TopK.class 3KB
BinarySearchTree.class 3KB
MyLinkedList.class 3KB
LoginServlet.class 3KB
TopKclass.class 3KB
MyHeap.class 3KB
StringClass.class 3KB
BlogDeleteServlet.class 2KB
EntryMapDemo.class 2KB
AuthorServlet.class 2KB
UserDao.class 2KB
Test.class 2KB
StringBuilderBuffer.class 2KB
Mapdemo.class 2KB
DBUtil.class 2KB
DBUtil.class 2KB
DBUtil.class 2KB
Demo7.class 2KB
listIteratorClass.class 2KB
RandomClass.class 2KB
ArraylistDemo2.class 2KB
CollectionDemo1.class 2KB
Test.class 2KB
TopKclass$1.class 2KB
OrderList.class 2KB
MyHashMap.class 2KB
Blog.class 1KB
ArrayListdemo.class 1KB
Person1.class 1KB
HashBuck.class 1KB
User.class 1KB
HashMapdemo.class 1KB
Person.class 1KB
demo2.class 1KB
StringClass.class 1KB
IteratorClass.class 1KB
Person.class 1KB
ArrayListdemo2.class 1KB
SystemMethod.class 1KB
LogoutServlet.class 1KB
CollectioinDemo2.class 1KB
Card.class 1KB
Test.class 1KB
Dishes.class 1KB
LinkedhashsetClass.class 1KB
Student.class 1KB
Demo6.class 1KB
TestDemo.class 1KB
Listdemo2.class 1KB
TopK$2.class 1KB
TreeSetdemo.class 1KB
RandomSethashdemo.class 1KB
RandomUuid.class 1KB
ScannerClass.class 989B
TreeSetdemo2.class 966B
ListClass.class 963B
User.class 945B
SimpleDateFormatClass.class 930B
HelloServlet.class 919B
BigDecimalClass.class 903B
DataDemo1.class 886B
Demo2.class 874B
CompareLegth.class 868B
MathClass.class 850B
StringClass.class 831B
Expectionde.class 829B
TopK$1.class 806B
Stack.class 773B
StaticDemo1.class 769B
ArrayCopy.class 757B
StackClass.class 754B
Demo2.class 738B
Test.class 727B
MyThread2.class 702B
HashBuck2.class 673B
Demo5$1.class 654B
Demo4$1.class 618B
StringUtils.class 609B
Demo5.class 590B
Cat.class 566B
Test1.class 551B
CollectionDemo1$add.class 550B
Demo4.class 547B
Demo3.class 538B
MyRunnable.class 511B
Demo1.class 493B
MyThread.class 484B
Dog.class 478B
HashBuck$Node.class 447B
共 895 条
- 1
- 2
- 3
- 4
- 5
- 6
- 9
资源评论
野生的狒狒
- 粉丝: 1498
- 资源: 1530
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功