-
editor.md官网
-
github
-
使用editormd作为markdown编辑器时，笔者遇到一个问题，在谷歌浏览器下，工具栏不能点击，其他浏览器（qq，2345等）可以点击，这个问题困扰了好几天，终于找到了前辈的经验，这里发出来分享，以免其他使用者入坑。
-
这个问题的原因描述
editormd.mouseOrTouch这个函数是绑定事件的，它原本的目的是判断设备是否有触摸屏，然后只给按钮添加“click”事件或则只添加“touchend”事件。但是没有考虑到有触摸屏的笔记本，此时只工具栏按钮只添加了“touchend”事件，即按钮不能用鼠标点击，触摸屏就可以点击，开发者工具模拟手机可以点击。
-
解决方式：函数改造，主要是添加浏览器判断
* 鼠标和触摸事件的判断/选择方法
* MouseEvent or TouchEvent type switch
* @param {String} [mouseEventType="click"] 供选择的鼠标事件
* @param {String} [touchEventType="touchend"] 供选择的触摸事件
* @returns {String} EventType 返回事件类型名称
editormd
.
mouseOrTouch
=
function
(
mouseEventType
,
touchEventType
)
{
mouseEventType
=
mouseEventType
||
"click"
;
touchEventType
=
touchEventType
||
"touchend"
;
var
eventType
=
mouseEventType
;
try
{
document
.
createEvent
(
"TouchEvent"
)
;
}
catch
(
e
)
{
console
.
log
(
e
.
toString
(
)
)
;
var
userAgentInfo
=
navigator
.
userAgent
;
var
Agents
=
new
Array
(
"Android"
,
"iPhone"
,
"Windows Phone"
,
"iPad"
,
"iPod"
)
;
var
flag
=
false
;
for
(
var
v
=
0
;
v
<
Agents
.
length
;
v
++
)
{
if
(
userAgentInfo
.
indexOf
(
Agents
[
v
]
)
>
0
)
{
flag
=
true
;
break
;
if
(
flag
)
{
eventType
=
touchEventType
;
return
eventType
;
智能文字
编辑器
只需浏览器和键盘的文本
编辑器
！
这是我在业余
时
间从事的一个项目，它已经变成了非常有用的东西！ 我已经开始实现类似于渐进式Web应用程序的功能，因此可以像大多数网站一样通过浏览器打开/
使用
它，或者尽可能接近普通的台式机/智能手机/平板电脑应用程序！ 我个人认为这个想法非常有趣，因此我将继续对其进行更多了解。
如何
使用
可以
使用
GitHub Pages打开该项目，也可以将其安装到设备的桌面，应用程序抽屉，
工具栏
或主屏幕上！
提前说明：如果您在低端硬件上
使用
Grammarly或其他针对文本编辑的扩展，则在
使用
Smart Text
Editor
编辑大文件
时
遇到性能
问题
，因此建议禁用它以与Smart Text
Editor
一起
使用
。如果您手头的任务不是必需的（如果您不是写论文或具有正常语法/拼写的东西）。 但是，这只是出于性能方面的考虑，因此，如果您的设备可以处理它，则最好启用此
我们经常可以看到各个博客网站中用于编辑文章的富文本
编辑器
，在富文本
编辑器
中，我们可以对我们的编辑内容样式进行设置。富文本
编辑器
一般是通过插件来实现的，我们只需要在页面中配置一下插件提供的一些API即可。本例中
使用
Editor
md
来演示如何配置
使用
富文本
编辑器
。
Editor
md
简介
Editor
md
是国内开源的一款在线Markdown
编辑器
，可嵌入的 Markdown 在线
编辑器
（组件），基于...
http://www.timebag.net/97.html
在eWeb
Editor
的目录里找到
Editor
.js文件，用记事本打开，在其中找到如下代码
if (element.YUSERONCLICK) {
eval(element.YUSERONCLICK + "anonymous()");
if (element.YUSERONCLICK) eval(elemen...
$.fn.modal.Constructor.prototype.enforceFocus = function () {
modal_this = this
$(document).on('focusin.modal', function (e) {
if (modal_this.$element[0] !== e.targ...
在初始化
editor
md
的js语句中需要输入path：
这个路径只能用于在打开静态页面的
时
候，markdown
编辑器
才能起效，如果是发布到服务器上的话，这个路径就不行了，浏览器控制台会报错找不到
editor
md
中的文件。
这
时
就需要用这个路径：
这样就能正常的在服务器上运行
editor
md
。
下面是项目结构：
至于这是为什么，目前还不知道。
当我们的项目需要引入一个功能强大的markdown
编辑器
，我们兴许会考虑
使用
当今比较主流的markdown
编辑器
：
editor
.
md
，最重要的是它完全开源，免费。
这是它的官方地址：https://pandao.github.io/
editor
.
md
/
然而这个
编辑器
并不是拿来即用的，引入的
时
候可能会遇到一些棘手的
问题
和莫名其妙的错误，而且这些错误在网上百度却很难快速找到行之有效的
解决
方案。
首先要注意的是，
editor
.
md
是依赖于 jQuery 的，所以必须先引入 jQuery 文件（或 j
问题
原因：
在
使用
Markdown
编辑器
editor
.
md
时
，由于
editor
.
md
的toolbar始终保持在页面顶部，导致我在
使用
vue整合
时
，页面排版出现错乱
解决
方案：
在
editor
md
.js 中，有下面这样一条属性：toolbarAutoFixed
该属性默认是true，即工具条始终保持置顶
所以将其置为 false 即可取消工具条置顶
// 这条属性就是控制
工具栏
是否置顶，tru...
本文将介绍
编辑器
的
使用
和伴随的某些开发技巧。
该
编辑器
支持的功能有：基础的
md
编辑、
md
语法快捷键、记录保存、暗黑主题、图片上传/复制图片上传/裁剪图片上传、格式化内容、浏览器全屏/屏幕全屏、仅预览模式等功能，静待
使用
。
详细的
编辑器
api参考：文档。
图片裁剪预览
