GithubHelp home page GithubHelp logo

mycolorway / simditor-html Goto Github PK

View Code? Open in Web Editor NEW
25.0 5.0 39.0 11 KB

HTML source editing plugin for simditor

License: MIT License

Ruby 0.90% CoffeeScript 38.43% HTML 17.06% JavaScript 40.74% CSS 1.44% SCSS 1.42%

simditor-html's Introduction

simditor-html

Add a HTML source editing button for Simditor. Use js-beautify for HTML formatting.

###Usage

Reference button and dependency script on your page with Simditor:

<script type="text/javascript" src="[path]/beautify-html.js"></script>
<script type="text/javascript" src="[path]/simditor-html.js"></script>

<link rel="stylesheet" href="[path]/simditor-html.css" media="screen" charset="utf-8" />

Add html button config when you initialize Simditor:

var editor = new Simditor({
  textarea: $('#txt-editor'),
  toolbar: ['bold', 'italic', 'underline', 'color', '|', 'ol', 'ul', '|', 'html']
});

simditor-html's People

Contributors

farthinker avatar seandong avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

simditor-html's Issues

没有生效

贴进去一段代码

aaa
点击html按钮,字并没有变红

Add "main" entry in package.json

Currently it's only possible to import this package as simditor-html/lib/simditor-html.
With proper main entry in package.json this would be much shorter.

extra p tag issue

I am new to github so not sue where to submit an issue. There is an issue with an extra p tag or line on simeditor. It exists even on the main demo page so it cannot be an issue with my setup. To see the issue go to main simditor demo page delete all the default text on the editor, press delete (backspace) again. A new line (p tag) will appear. You can see this by using the down arrow on your keyboard. In other words if you press backspace twice a new line appears.

Importing simditor-html throws TypeError

I'm using simditor in an electron application, but I can't use simditor-html because importing simditor-html throws TypeError: Simditor.connect is not a function.
Any help would be greatly appreciated!

html注释

html状态下插入了一个注释,切换到非html状态下,再进入html编辑状态后注释不见了?

无法查看Html代码

点击查看html代码的按钮,按钮会变色,但是无法查看Html代码?不知到是不是bug!

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.