The latest articles on DEV Community by Pomelo (@renhongl). https://dev.to/renhongl https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F295672%2F2ac15395-e31e-4728-b668-2d859b4b0b23.png https://dev.to/renhongl en Pomelo Thu, 02 Jan 2020 02:07:44 +0000 https://dev.to/renhongl/online-markdown-editor-share-2cjb https://dev.to/renhongl/online-markdown-editor-share-2cjb <p>I developed an online editor for markdown, please click <a href="https://renhongl.github.io/markdown-editor/">here</a> to see.</p> <p>If you like it, please give me a star on github, thanks.</p> react javascript Pomelo Wed, 18 Dec 2019 10:06:48 +0000 https://dev.to/renhongl/code-online-my-own-project-339d https://dev.to/renhongl/code-online-my-own-project-339d <h1> JS Online Editor: </h1> <p>A javascript online editor.</p> <p>An editor developed by angular, no server support.</p> <p>Online Demo: <a href="https://renhongl.github.io/code-online#/">Demo</a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--o88InURI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v5.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--o88InURI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v5.png" alt="example2"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--SyjRnRuz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v4.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--SyjRnRuz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v4.png" alt="example2"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rFguT-UK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v1.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rFguT-UK--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v1.png" alt="example1"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hXW9OuE0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v2.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hXW9OuE0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://renhongl.github.io/code-online/assets/images/v2.png" alt="example2"></a></p> <h1> Docs </h1> <ul> <li><a href="https://github.com/renhongl/code-online">简体中文</a></li> <li><a href="https://github.com/renhongl/code-online/blob/master/docs/english.md">English</a></li> </ul> <h1> New Features </h1> <ul> <li>Support switch view</li> <li>Support display on full screen and update automaticly</li> <li>Support export source code of this page</li> <li>Editor enhence</li> <li>Console visualization</li> <li>Demo explore</li> </ul> <p>You Can Also:</p> <ul> <li>Add JS and Css library to create prolific application</li> <li>Use newest syntax in babel environment</li> </ul> <h1> Using Tech </h1> <p>Technology used as below:</p> <ul> <li> <a href="">Angular</a> - Web enhenced library</li> <li> <a href="">CodeMirror</a> - Versatile text edior</li> <li> <a href="">GitPages</a> - Code store and deploy</li> <li> <a href="">Travis</a> - CICD</li> </ul> <h1> Installation </h1> <p>Requires <a href="">Node.js</a> v8+ to run.</p> <ul> <li>Install dependence: <code>npm install</code> </li> <li>Build app: <code>npm run build</code> </li> </ul> <h1> Todos </h1> <ul> <li>Mutiple file project support</li> <li>Home page show demos, people can push demo by commit code</li> </ul> <h1> License </h1> <p>MIT</p> javascript angular