Giter VIP home page Giter VIP logo

xinn314 / mdx-editor Goto Github PK

View Code? Open in Web Editor NEW

This project forked from maqi1520/mdx-editor

0.0 0.0 0.0 30.79 MB

⛷ A versatile WeChat typesetting editor,also a cross-platform Markdown note-taking software ⛷ 微信排版编辑器,也是一款跨平台 Markdown 笔记软件

Home Page: https://editor.runjs.cool

License: GNU General Public License v3.0

JavaScript 54.46% TypeScript 13.07% CSS 32.47%

mdx-editor's Introduction

English | 简体中文

MDX Editor

A versatile WeChat typesetting editor, also serving as a cross-platform Markdown note-taking software.

Inspiration

Markdown, beloved by countless programmers as a writing format, falls short in meeting the typesetting demands of WeChat. Fortunately, MDX comes to the rescue, mending Markdown's inadequacies. As my own blog utilizes MDX for writing, I pondered upon the possibility of achieving a unified solution for writing and typesetting when I stumbled upon the mdxjs playground.

Features

Web Version

  • Seamlessly copy to WeChat Official Accounts with just a click
  • Customize styled components and styles, generate QR codes and code diff highlights
  • Generate article indexes effortlessly
  • Create WeChat footnotes with ease
  • Automatically convert WeChat external links into span elements
  • Ensure code formatting precision
  • Facilitate article sharing with built-in functionality
  • Download markdown files effortlessly
  • Export to PDF seamlessly

Desktop Version

In addition to the web version's features, the desktop version includes:

  • Real-time local file saving
  • Efficient management of local file directories
  • Hassle-free HTML export functionality

Template Examples

Subtle Green Card Early Summer Style
Resume Template Exquisite Code Diff Highlights
Generate Captivating QR Codes Travel Itinerary

Development

To access the web version, switch to the main branch and follow these commands:

yarn
yarn dev

For the desktop version, switch to the tauri-app branch and execute the following commands:

yarn
yarn tauri dev

FAQ

1. After installing on macOS, it shows "The file is damaged" or there is no response when opening it

Because MDX Editor is not signed, it is blocked by macOS security checks.

If you encounter the "The file is damaged" error after installation, follow these steps:

Trust the developer, and it will prompt you to enter your password:

sudo spctl --master-disable

Then allow MDX Editor:

xattr -cr /Applications/MDX\ Editor.app

After that, you should be able to open it normally.

If you see the following message:

option -r not recognized

usage: xattr [-slz] file [file ...]
       xattr -p [-slz] attr_name file [file ...]
       xattr -w [-sz] attr_name attr_value file [file ...]
       xattr -d [-s] attr_name file [file ...]
       xattr -c [-s] file [file ...]

The first form lists the names of all xattrs on the given file(s).
The second form (-p) prints the value of the xattr attr_name.
The third form (-w) sets the value of the xattr attr_name to attr_value.
The fourth form (-d) deletes the xattr attr_name.
The fifth form (-c) deletes (clears) all xattrs.

options:
  -h: print this help
  -s: act on symbolic links themselves rather than their targets
  -l: print long format (attr_name: attr_value)
  -z: compress or decompress (if compressed) attribute value in zip format

Execute the command:

xattr -c /Applications/MDX\ Editor.app/*

If the above command still doesn't work, you can try the following command:

sudo xattr -d com.apple.quarantine /Applications/MDX\ Editor.app/

Deployment

Deployed using the Vercel Platform from the creators of Next.js.

References

mdx-editor's People

Contributors

maqi1520 avatar dependabot[bot] 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.