Giter Club home page Giter Club logo

irm-markdowner's Introduction

微信公众号排版编辑器

一个离线也能用的,交互更友好的,微信公众号排版编辑器。

说明

该项目是 fork 了大神小胡子哥线上排版编辑器。实际上,项目的代码和体验一直我都感觉挺别扭的,所以将其彻底重构了一番。

新版访问地址:https://md.ironmax.com

新版界面:新版界面

操作效果:操作效果

大体介绍一下,我在原项目的基础上做了什么工作:

  • 🛠 添加调试模式,支持本地调试;
  • 🎗 引入 Vue,虽然没必要,但是有了数据双向绑定,代码写起来简洁,维护起来方便;
  • 🔭 添加实时预览功能,左侧写出来的 Markdown 文字,右侧立即预览,没有延迟;
  • 😎 左侧与右侧视图同步滚动,进一步提升使用体验;
  • 💅 点击复制内容,所有文字及排版样式统统拷贝进剪贴板,不用再多按一次 crtl + c
  • 🗃 根据微信公众编辑器的样式及限制,多做了一些兼容;
  • 🌈 增加了 3 种不同样式的 blockqoute;
  • 🔐 站点升级 https 协议;
  • 🗞 Service Worker 加持,只要访问过一次线上地址,那么静态资源都会被缓存,离线可用!
  • 📦 Gitlab CI/CD 加持,只要往 master 主干提交代码,项目便可以自动打包构建,并部署到我的个人服务器中,而且还能自动帮我 push 到 github 仓库中,省去了我人工操作的步骤,非常优雅!

这里,再次感谢原作者提供的绝妙灵感。

好用的话,不妨给个 Star 🌟 !

关于我

微信公众号

LICENSE

MIT. 感谢 @Phodal & @barretlee.

irm-markdowner's People

Contributors

hadeshe93 avatar ironmaxtory avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.