S_MarkDownEditor

vue-element-admin - 克隆项目后 npm install 装包时报错:code 128 An unknown git error occurred(完美解决方案,100% 解决!) vue-element-admin安装依赖时报错详细解决方案。vue-element-admin报错:code128AnunknowngiterroroccurrednpmERR!commandgit--no-replace-objectsls-remotessh://git@github.com/nhn/raphael.gitfatal:Couldnotreadfromremoterepository.Pleasemakesureyouhavethe 阅读详情

S_MarkDownEditor(-一款MarkDown编辑器)

0、写在前面

在网上查资料的时候,发现一个很有趣的现象。很多开源项目的READERME都是用MarkDown写的。很好奇这是个什么玩意,然后在强大的国产谷歌—百度的帮助下突然觉得这TM不正是我苦苦追寻的“东西”吗?
以前写文档整理资料只能通过word或者什么叉叉笔记,所以也就不得不花费很大的精力在文档格式、字体颜色等完全没用的地方。一直很苦恼,但是对于此也是无计可施。MarkDown的出现让我看到了一丝“光亮”。好了,不扯这些没用的了,如果到现在你还对MarkDown没有一个具体的认识,可以出门左拐自行百度。
但随之出现了另一个让我很是苦恼的问题,就是在Windows平台下找不到令人满意的MarkDown编辑器。我也尝试百度了许多工具,Such AS,叉叉PAD,CMD叉叉。要不就是死活在我电脑上罢工,要不就是网页应用,再要不就是卡的我受不了,让我完全找不到MarkDown的感觉= =。
“为什么不自己写一个呢?”,这个想法也吓了我一跳,但是谁叫我年轻来。写就写吧,正好最近在学习Java。
就这样终于经过一段时间的冥思苦想、求助百度、以及压迫键盘后就有了现在的这个版本的S_MarkDownEditor。虽然功能算不上强大,甚至还有很多的BUG和垃圾的地方,但是毕竟“能用”了。哈哈哈哈

1、简介

目前这个编辑器没有什么太强大的功能,甚至还很“弱小”,但我还是尝试对传统MarkDown的语法进行了点稍微的“本土化优化”,让他能更好,更强的出现在我的应用列表里(因为本人比较狭隘,写这个软件的目的只是为了自己写MarkDown的时候方便点)。

1)首行缩进

首先是首行缩进,因为MarkDown是外国人规定的,而在英文的语法中并没有像中文段落首行的那种首行缩进,所以我稍微做了一点处理。效果如下:
传统段落显示效果
传统段落显示效果
缩进后段落显示效果
缩进后段落显示效果
首行缩进的作用在这里就不一一描述了,有兴趣的朋友还请自行百度。

2)表格

其次是在MarkDown的标准语法中,如果你想使用表格有两种方法。一种是你用其他方式生成表格后截图然后插进来;另一种是使用HTML的语法<table>...</table>,很是繁琐。其实现在的很多MarkDown编辑器都支持下面这个语法了

| row1 col1 | row1 col2 | row1 col3 | row 1 col4|
|-----------|-----------|-----------|-----------|
| row2 col1 | row2 col2 | row2 col3 | row 2 col4|
| row3 col1 | row3 col2 | row3 col3 | row 3 col4|
| row4 col1 | row4 col2 | row4 col3 | row 4 col4|

效果如下:
表格语法
注:如果觉得实在是难看受不了,请勿喷,良辰在此谢过!

2、基本语法演示

2.1 标题

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6

标题语法

2.2 文本样式

链接 :[Title](URL)  
加粗 :
**Bold**  
斜体字 :
*Italics*  
删除线 :~~text~~  
高亮 :==text==  
段落 : 段落之间空一行  
换行符 : 一行结束时输入两个空格  
列表 :* 添加星号成为一个新的列表项。  
引用 :> 引用内容  
内嵌代码 : `alert('Hello World');`  
画水平线 (HR) :
***
---

文本样式

2.3 图片

![头像圆.jpg](H:\头像圆.jpg)

这里写图片描述

2.4 代码高亮

java:
public class Test{
public static void main(String[] args){
System.out.println(“Hello World”);//打印数据
}
}

sql:
SELECT * FROM EMP;–查询EMP表中的全部数据
代码高亮

2.5 导出为(*.md)

选择
查看效果:
效果

2.6 导出为(*.html)

选择
效果如下:
效果
html文本如下:
html文本

2.7 导出为(*.pdf)

选择
效果如下:
pdf效果

2.5 其他

还有一些其他的例如缩进>等的语法在此不再演示。
如果有喜欢的可以下载S_MarkDownEditor自己体验下,过一段时间抽空整理下资料,如果不出意外会开源的,反正也没有什么技术含量,哈哈哈哈(此处自行脑补猥琐的笑声)。

3、整体设计逻辑

4、后记

本来想了好多话,但是突然忘了。前几天在看90GOD直播的时候突然得知他要结婚了,时间好快啊。想来第一次看他直播的时候还以为他是一个猥琐的少年,没想到现在已经成了一个猥琐的“大叔”了。不知道下次这么悠闲的时候是什么时候了。谨以此文纪念我的这段时光吧!虽然可能记不住什么。

2015-10-20
孙不服
记于北京海淀的某个屋檐下

简单在线文本编辑器SEditor 简单在线文本编辑器SEditor,仿汽车之家论坛发帖 立即下载

相关推荐

同花顺CM函数深度解析:如何精准设置历史换手衰减系数以优化筹码峰

本文深度解析同花顺CM函数中的历史换手衰减系数,揭示其如何影响筹码峰准确性。通过拆解CM函数参数,并提供基于前十大流通股东锁定比例的计算公式,指导用户精准设置该系数,从而优化筹码峰模型,使其更真实反映个股持仓成本分布,提升技术分析的有效性。

mango的博客 1779

vue 富文本组件(mavon-editor)

mavon-editor是一款基于vue的markdown编辑器,可以用来做文本的编辑,比如是某种业务需要发送公告、个人博客等,都可以用到,操作也十分简单。

weixin_44835783的博客 5650

vue mavon-editor编辑器自定义工具栏并插入自定义代码

【代码】mavon-editor编辑器自定义工具栏并插入自定义代码。

weixin_41777149的博客 1058

LED单元板驱动(HUB75接口)

开始之前先吐槽一下,搜这个的资料。要么都是Arduino,要么单片机的收费。小小的一个LED单元板,凭什么? 用Arduino是你速度快还是我ST,树莓派不好用?收费更离谱,这点东西还藏私?给你个中指凸。把原理都写出来看你怎么收费。 一、接口定义及原理 如图,有两个RGB通道,共占用6个IO。剩下的ABCDE为地址通道,LAT为行数据锁存通道,CLK为数据时钟,OE为低电平使能LED显示。图片这里没有E,证明它是16扫的,有E就会把B上面的地改为E。这样就是5位,2的5次方32扫。1.

a3748622的博客 3万+

树莓派4B:控制步进电机

文章目录准备阶段接线阶段树莓派程序 准备阶段 准备以下物品,淘宝都可以买到: 57步进电机 电源开关(220v转24v,3A,72W) 步进电机驱动器 电源线 电线 杜邦线 树莓派4B一套 具体型号如下: 接线阶段 整体:接线效果如下图 电源开关起220v转24v作用,很好接线,输出24v接入步进电机驱动器 步进电机驱动器的 A+ A- B+ B- 按提示接步进电机四线,步进电机上就会有说...

学习路上的鸭子的博客 1万+

markdown中实现首行缩进的两种方法

由于markdown语法主要考虑的是英文,所以对于中文的首行缩进并不太友好,两种方法都可以完美解决这个问题。在开头的时候,先输入下面的代码,然后紧跟着输入文本即可。把输入法由半角改为全角。两次空格之后就能够有两个汉字的缩进。

男神的专栏 2412

51单片机超声波测距数码管显示并报警(Proteus 仿真)

HC-SR04超声波 实物图 使用方法 1、给TRIG端口至少10us 的高电平信号 2、模块自动发送 8 个 40khz 的方波,自动检测是否有信号返回 3、有信号返回,ECHO端口会输出一个高电平,高电平持续的时间就是超声波从发射到返回的时间 计算的话这里就不考虑温度的影响直接用声速340m/s Proteus仿真 HC-SR04可以用Proteus中的SRF04代替 下面附上代码 ...

m0_46254883的博客 1万+

【Mavon Editor】VUE3引入Mavon Editor

mavon-editor安装使用教程

qq_44580366的博客 6933

计算机组成原理汉字编码与校验设计实验报告(汉字国标码转区位码实验、汉字机内码获取实验、海明编码电路设计与海明解码)

这次实验利用logisim进行设计,进行了以下这四个实验,其中分为汉字国标码转区位码实验、汉字机内码获取实验、海明编码电路设计与海明解码,实验报告分为四个部分,在这四个部分中依次对四个实验的方案设计,设计思路进行了介绍

zhang2gongzi的博客 6万+

FPGA新手必看:Create HDL Wrapper和Generating Output Products到底该先用哪个?

本文深入解析了FPGA设计中Create HDL Wrapper与Generating Output Products的正确使用顺序,帮助新手避免常见错误。详细介绍了两者的功能差异、执行顺序的底层逻辑以及工程管理的最佳实践,特别适合使用Vivado进行FPGA开发的初学者。

xk7n92h3p5m的博客 1065

从痛点到解决方案:MarkdownEditor2022全功能开发指南

作为开发者,你是否还在为Visual Studio中缺乏高效Markdown编辑工具而困扰?是否经历过手动维护目录、频繁切换预览窗口的低效工作流?MarkdownEditor2022作为一款专为Visual Studio打造的插件(Plugin),彻底改变了这一现状。本文将深入剖析这款工具的核心功能、安装流程与高级使用技巧,帮助你在Visual Studio环境中实现Markdown创作的全流程优...

gitblog_00167的博客 992

机器学习实战7-基于机器学习算法预测相亲成功率

大家好,我是微学AI,今天给大家介绍一下机器学习实战7-基于机器学习算法预测相亲成功率,随着社会的发展,大家都忙于事业,对自己的终身大事就耽搁了,相亲是一种传统的寻找伴侣的方式,随着时代的发展,相亲的方式也在不断地改变。在这个过程中,了解相亲双方的信息以及预测相亲是否成功变得越来越重要。本文将介绍如何使用随机森林算法对相亲成功进行预测,通过分析男女双方的房子、车子、长相、家庭条件、父母情况、生活习惯、学历、性格、兴趣等因素,来预测相亲是否成功。

微学AI的博客 3033

基于 React 的 MarkdownEditor 组件开发指南

摘要 本文介绍了一个基于react-markdown-editor-lite、markdown-it和highlight.js封装的React Markdown编辑器组件。该组件支持实时预览、语法高亮、图片上传和高度自适应等核心功能。通过ResizeObserver实现动态高度调整,确保编辑器完美适配不同布局。组件封装了复杂配置,对外提供简洁API,统一了上传校验和错误处理逻辑,同时利用highlight.js实现代码块语法高亮。这种技术组合为现代Web应用提供了一个功能完备、用户体验优秀的Markdown

pzhdv的博客 813

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

五:解决nextcloud无法在线预览markdown文件内的网络图片得到问题

【代码】五:解决nextcloud无法在线预览markdown文件内的网络图片得到问题。

LB33333的博客 1569

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

Markdown学习笔记(一)----介绍、编译器的选择

Markdown学习笔记(一)----介绍、编译器的选择 为了以后能在博客上分享自己的学习内容,记录自己的学习过程。就准备花几天时间来学习一下Markdown。现在你所看见的文章就是用Markdown写的,确实挺方便的,界面也好看。 一 、Markdown介绍 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。 Markdown 编写的文档后缀为 .md, .markdo

weixin_42200093的博客 315

[解决方案]PyCharm中md文件无法复制

@Ubuntu 18.04 @PyCharm专业版 发现了一个令人不爽的问题,在PyCharm中Markdown的md文件预览的时候不能复制md文件的内容。不知道有没有人碰到同样的问题,下面是我的解决办法: PyCharm中ctrl+slt+s打开设置: 点击插件,进入插件市场: 找到markdown editor( 白色的这个),第一个是推荐默认安装的,我用它打开无法无法复制。 按提示安装好,重启pycharm 再次打开一个md文件,此时底部会出现一个选项卡 点到markdown

江南蜡笔小新 1167

【山大智云项目日志】(四)源码分析之seahub-frontend

2021SC@SDUSC 继续对frontend文件夹下的源码进行分析。 先来看react框架的 index.js文件。 import React from 'react'; import ReactDOM from 'react-dom'; import MarkdownEditor from './markdown-editor'; import { I18nextProvider } from 'react-i18next'; import i18n from './i18n-seafile-edit

weixin_45816464的博客 1504

Bootstrap的Markdown Editor krajee引入与初始化

** Bootstrap的Markdown Editor krajee 使用 Demo ** 官网地址:http://plugins.krajee.com/markdown-editor Demo地址: https://github.com/xiaoashuo/mark-demo.git 引入css <!-- BootStrap的css --> <link h...

xiaoashuo的博客 653

vue-element-admin项目的初始化install安装报错问题

vue-element-admin的初始化install安装报错解决方法

Frank_colo的博客 909

RaspberryPi.Net 项目教程

RaspberryPi.Net 项目教程 1. 项目目录结构及介绍 RaspberryPi.Net/ ├── src/ │ ├── MainApp/ │ │ ├── Controllers/ │ │ ├── Models/ │ │ ├── Views/ │ │ ├── Program.cs │ │ ├── Startup.cs │ │ └── a...

gitblog_00042的博客 495

tui-editor报错

原先的tui-editor插件(插件)换了个名称,现在已经更名为toast-ui/editor因此安装不了,从而报错!

2301_80484340的博客 1254

vue-element-admin npm install 失败解决

vue-element-admin npm install 失败解决

qq_41615201的博客 769

npm ERR fatal: remote error:npm ERR The unauthenticated git protocol on port 9418 is no longer

安装 vue element admin 框架npm install 出现下面错误,在网上找了大半天,都没能解决。 最后成功找到一个解决办法,根据下面步骤执行 第一步,将根目录下的package.json中的tui-editor那一行修改为"@toast-ui/editor": "^3.1.3" 第二步,进入\src\components\MarkdownEditor\index.vue文件,将他的所有import删除换成下面四行 import 'codemirror/lib/codem

全村的希望的博客 260

安装vue-element-ui npm ERR /usr/bin/git ls-remote -h -t git://github.com/adobe-webplatform/eve.git

1.首先将package.json中的tui-editor那一行修改为"@toast-ui/editor": “^3.1.3”,由于tui-editor(富文本编辑器插件)更名造成的,现在已经更名为toast-ui/editor(以下第一步)把页面中的所有tui-editor全部替换为@toast-ui/editor。并且该插件还进行了文件名的更名(以下第二步)以及方法名的更名(以下第三步)是不是 安装vue-element-ui 的依赖包报错?4.保存文件,npm install 搞定。

weixin_69506221的博客 606

DoTAT前端架构剖析:基于Vue 2 + Element UI构建专业标注平台的完整方案

DoTAT 是一款基于 Web、面向领域的**通用文本标注工具**,支持实体标注、关系标注、事件标注、文本分类、字典/正则自动标注以及标注审核环节。它的前端工程采用经典的 **Vue 2 + Element UI** 企业级架构(基于 vue-element-admin 模板深度定制),本文将完整剖析这套文本标注平台的前端架构方案:技术选型、目录分层、权限模型、状态管理与核心标注模块实现,为你搭建

gitblog_00240的博客 958
下一篇: java IO流
sunbufu
博客等级 码龄11年 17粉丝 36原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值