前端在线写代码——打造一个自己的编辑器

最新推荐文章于 2024-03-29 10:38:15 发布

艳学网

最新推荐文章于 2024-03-29 10:38:15 发布

阅读量856

点赞数

分类专栏：前端学习文章标签：前端编辑器

本文链接：https://blog.csdn.net/sinat_15153911/article/details/128527395

版权

前端学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

前端在线写代码——打造一个自己的编辑器

前言
- html格式化
- css、js格式化

List item

)

前言

下载IDE编辑器占用太大，第三方在线编辑空间又给太小，于是乎自己动手开发一个。功能有
1、html格式化
2、css格式化
3、js格式化
4、导入包
5、导出html网页
6、自动运行html
7、boostrap6精美排版
8、ace精美代码高亮展示

在这里插入图片描述

html格式化

Document doc = Jsoup.parseBodyFragment(text);
        result = doc.body().html();
        result =result.replace("<html>\n <head></head>\n <body>\n","").replace("\n </body>\n</html>","");

采用Jsoup，如有其他更好的工具，请评论区推荐！

css、js格式化

var htmlText = $(text1).val();
      var data = js_beautify(htmlText);
          $(text1).val(data);

采用js_beautify

在这里插入图片描述
打造一个自己的编辑器，这是一个多么庞大而神圣而艰巨的目标啊，不过在我看来，这些都是浮云。
当你想要拥有一个完善而强大的编辑器的时候，就必须要找到一个能够帮助你完成这一切的人。
在我看来，那么唯一能够帮助我完成这一切的人，就只有我自己了！
“老天爷啊，我知道你是在考验我，但是你不能把所有的重担都压在我一个人身上啊。”
“老天爷，你可以让我做任何事情，我也可以为你卖命，但请不要剥夺掉我追求梦想的权利！”
“老天爷啊…”
在心中默默地祷告了几句之后，李阳突然抬起头来，眼睛里闪烁着坚定的光芒。
他看向窗外的世界，嘴角露出了一丝笑容。
“我一定会成功的！”
“一定可以成功的！”
…
“叮铃铃铃铃…”
就在这个时候，电话突然响了起来。
这让李阳微微一愣。
他低头扫视了一下电话号码，是他的好友苏林的电话。
“怎么了，苏林？”
李阳疑惑地接通电话，问道。
“你现在在哪儿呢？”
“我在上课。”
“上课？”
听到这三个字之后，苏林顿时无语，“我还说你在学校里面上什么破课，原来是躲在办公室里面学习啊。”
苏林的声音里带着一股浓浓的鄙夷和嘲讽之意。
“没有啦，我刚从家里回来，今天我妈妈让我去参加一个晚宴，所以我才会在这边学习的。”
听到这番解释之后，电话那头的苏林沉吟了片刻。
过了片刻之后，他才开口说道："李阳，你最近是不是得罪了什么人？我觉得你最近有点怪怪的，是不是出了什么事？

艳学网

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端在线写代码——打造一个自己的编辑器

下载IDE编辑器占用太大，第三方在线编辑空间又给太小，于是乎自己动手开发一个。功能有1、html格式化2、css格式化3、js格式化4、导入包5、导出html网页6、自动运行html7、boostrap6精美排版8、ace精美代码高亮展示。
复制链接

扫一扫