pandao / editor.md Goto Github PK
View Code? Open in Web Editor NEWThe open source embeddable online markdown editor (component).
Home Page: http://editor.md.ipandao.com/
License: MIT License
The open source embeddable online markdown editor (component).
Home Page: http://editor.md.ipandao.com/
License: MIT License
载入编辑器后,点击 关于按钮, 没反应。 再点击一次,正常了。
超链接可以加上 target吗?另外一个页面打开内容
例子: http://codemirror.net/demo/search.html
Search功能倒是可以用浏览器内置的。 Replace功能就没办法了。
[email me](mailto:[email protected])
GitHub 正常:
email me
第一张图是点击“全窗口预览HTML(可按ESC还原)" 按钮后的正常视图。
第二张图是我拉动浏览器窗口边缘改变后出现的视图。
不知道描述的是否明确?
官方autoHeight演示,当内容较多,特别有图片的时候,预览与文本编辑不同步,甚至连滚动条都没有了,下面的预览看不到...
输入 文字
, 将光标放在 文
和 字
之间, 点击 h1
按钮。
期望变成 # 文字
,实际上变成了 文# 字
。
这种行为跟流行的编辑器不一致,比如说Microsoft Word、TinyMCE、CKEditor等等。
有类似问题的按钮有 引用
、h1
、 h2
、 h3
、 h4
、 h5
、 h6
、无序列表
、有序列表
。
我原来用Chrome Package App封装, 因为CSP的原因,image,js,css等都不能访问在线资源.但是封装成app的也是为了离线即可以使用,现在改用node-webkit封装后,就没有CSP的限制了.效果非常好.
所以我有如下的几个建议:
之前的版本有dist目录,里面放置的是压缩过的可以用作生产环境的js和css文件。
试了一下cmd markdown,cmd可能使用了击键延迟触发markdown解析(击键暂停n秒后才开始解析,不再每次点击都解析),这样基本不影响使用者感知。建议editor.md使用类似策略。
这个问题可能是属于CodeMirror,在这里mark下。
比如 https://pandao.github.io/editor.md/examples/full.html
光标放到 world
这个单词上,当前markdown中所有的world
单词都被加上了波浪形的下划线.
我是费了很大劲才明白这个功能是咋回事。 因为一般来讲,编辑器单词下面有下划线, 代表的含义是 当前单词有拼写错误
。
我研究了两个比较出名的编辑器sublime text和ACE, 它们是这么处理的: 光标放倒单词那里, 并不会触发高亮当前单词; 选中整个单词才会触发。 高亮的风格是单词周围加上一个颜色较浅的框框,而不是波浪形下划线。
Chrome 浏览器访问 https://pandao.github.io/editor.md/examples/full.html
打开console, 执行: testEditor.setMarkdown("\tfunction test() {\n\t\talert('test');\n\t}");
HTML实时预览那里,代码没有语法高亮。
随便敲个回车空格之类的,触发onChange事件, 就有语法高亮了。
比如 height: '60%'
, 不管设置的百分比是多少,展示出来都是最低的高度。
toc不支持
输入 文字
, 光标挪到 文字
前面,点击 引用
按钮。
期望文字变成
>文字
实际上变成了
>
文字
正确的行为是直接在前面添加>
, 不要添加额外的空格和换行。
两种写法产生的结果是一致的。
可以考虑做成配置项。 包括 h1
按钮插入的 #
后面要不要跟一个空格, 都可以做成配置项。
其实根据最正统的markdown语法规范: http://daringfireball.net/projects/markdown/syntax 很多地方都要插入空格的。 h1
应该写为 # h1
, 而不是 #h1
.
如下代码:
## [Markdown Basics](http://daringfireball.net/projects/markdown/basics)
表示既是link,也是heading 2.
Github可以完美显示:
editor.md 不支持。 这应该算是一个比较严重的影响使用的bug。
初始化代码为:
var editor = editormd("note-detail", {
path: 'lib/editormd/lib/'
});
右侧实时预览区出现了关闭按钮, 触发editor.previewing(); 再点击关闭按钮就消失正常了。
https://pandao.github.io/editor.md/examples/onchange.html
页面打开,什么都没有做,没有做任何编辑, 控制台就打印了onchange信息。
把textarea内容清空,或者直接把textarea删除,再打开页面,问题依旧。
也就是说在没有内容,用户也没有做任何编辑的情况下,就触发了onchange。
v1.1.6发现的此问题,之前版本没有发现。
http://www.emoji-cheat-sheet.com/
🐼
👼
🍒
这个其实也算是 GFM 的标准之一。能支持最好。
我个人觉得能支持一些流行的字体图标更好,比如font-awesome.
:fa-truck:
就显示这里卡车的图标: http://fortawesome.github.io/Font-Awesome/icon/truck/
支持字体图标这个属于额外的功能了,我想至少应该能够支持标准的GFM emoji
这个问题很奇怪。
无法输入/
, 键盘怎么按都没反应。
其它字符可以正常输入。键盘也没有坏掉。
中文的/
倒是可以输入。
GitHub 支持下面的语法
- [ ] This is a complete item
- [x] This is an incomplete item
效果是这样的:
根据这个文档: https://guides.github.com/features/mastering-markdown/
Task Lists属于是Github Flavored Markdown的内容。
既然editor.md支持GFM,那么就应该支持这个特性。
我个人感觉这个特性跟Github并没很直接的关系,算是一个比较通用的东西。
关键看marked能不能支持。
Can you add a throttle function to your rerender event? Currently it renders every time we type something, it feels a lit bit lagged (especially when you keep pressing 'enter'). Some throttle function like once per 300ms would be easy to fix this.
Overall, it's an awesome project.
如题,我发现好多这种编辑器都不支持 html编辑
中文输入或者英文输入时候,cpu明显比较高。
全部默认页面,不知道是不是自己没设置对?
关掉实时预览功能也有点卡
谢谢
比如这个: http://fortawesome.github.io/Font-Awesome/icon/external-link-square/
:fa-external-link-square:
在使用过程中,发现Chorme,搜狗等浏览器在高速模式下,点击工具栏图标无效。
与此同时,滚动预览也不成功,更换编辑器或者浏览器切换到兼容模式一切正常。
另外,IPad自带的浏览器,上传图片成功,但是图片地址回调没响应。
只读模式下,希望能把左边的编辑框隐藏掉,只看到编辑后的内容
click Ctrl-S
,能alert,但同时浏览器也弹出保存对话框。
比如我选中 文字
, 点击 B
按钮. 被替换成了 ****
. 应该是变成 **文字**
Keyboard shortcuts (键盘快捷键) | 说明 | Description |
---|---|---|
Ctrl + Q / Command + Q | 代码折叠切换 | Switch code fold |
Mac平台下,Chrome浏览器。 Command + Q 表示 Quit Google Chrome
.
一按浏览器直接退出了。。。这个有点坑。
还有下面这个在mac平台也是不正确的:
Ctrl + Shift + R / Command + Option + R 全部替换 Replace all
Visit here
Https://github.com/MiniYun/miniyun/blob/minidoc/docs/api/test.md
Part of the effect can not be presented.thanks
<div style="color:red;">
## heading 1
</div>
启用html标签识别之后也不支持。
这个是支持的: https://markdown-it.github.io/
考虑是否支持用户自己更换markdown解析引擎? 通过配置的方式选择到底是marked还是markdown-it
此问题在v1.1.5中没有发现,v1.1.6中发现的。
以这个为例子: https://pandao.github.io/editor.md/examples/onload.html
注释掉原来的onLoad代码,添加一行setMarkdown调用,最终代码如下:
onload : function() {
//alert("onload");
//console.log("onload =>", this, this.id, this.settings);
testEditor.setMarkdown("test onload");
}
载入页面之后,发现左侧的markdown内容已经变成了“test onload”, 但是右侧的预览并没有跟上。
只有在onLoad事件中调用setMarkdown才能重现这个问题。 之后再调用setMarkdown都是没问题的。
我猜测原因可能是: onLoad事件中,其实整个editor还没有彻底准备好,这时候调用它的某些方法会工作不正常。
建议解决方案: 等editor一切都ready之后再触发onLoad事件。 或者增加一个新的onReady事件。
如题。
编写玩文档之后,使用转HTML显示方式,发现IE9会打不开页面,比如
https://pandao.github.io/editor.md/examples/html-preview-markdown-to-html.html
会跳转到
res://ieframe.dll/acr_error.htm#github.io,https://pandao.github.io/editor.md/examples/sequence-diagram.html
右侧预览部分,科学公式还是原样显示了
能否提供 Download as HTML/PDF 功能?就是用户编辑好一个markdown文件,可通过快捷按钮,下载为HTML或者PDF。
下载为HTML的时候,下载的东西是一个zip包,里面包含了必须的所有的HTML/JS/CSS, 解压缩后直接就可以通过浏览器打开阅读。
下载为PDF就不多解释了,PDF格式跨平台性比较好,大部分人的电脑都能直接打开看,是比较适合分发的格式。
仅仅是一个提议, 不知道这个是否可以放倒editor.md中去实现。
也许放倒网站服务器端去实现比较好,js实现有点费劲。
Editor.md编辑器依赖的第三方组件,直接在lib文件夹了,但系统已经在其它地方加载了某些第三方组件,比如codemirror。导致系统中的组件重复了。
试了好几个样式表都不对,劳烦作者告知一下
testEditor = editormd("test-editormd", {
width: "90%",
height: 540,
watch: false,
path : '../lib/'
});
调用testEditor.previewing();
后出现空白内容. watch参数为true就没问题
所有的第三方软件包都用的本地的拷贝,只有KaTex用的是CDN的版本:
// 使用国外的CDN,加载速度有时会很慢,或者自定义URL
editormd.katexURL = {
css : "//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.1.1/katex.min",
js : "//cdnjs.cloudflare.com/ajax/libs/KaTeX/0.1.1/katex.min"
};
这很另类,也带来了问题。 比如用户没有联网的情况下不能用。还有用户通过文件系统直接打开的时候也不能用 (file://
开头的URL)
建议采用包管理器来使用KaTex。比如用bower的话就是 bower install katex-build
。
参考: KaTeX/KaTeX#114
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.