Click to edit, select to apply effect, click items of toolbar to toggle effects. If you want to customize the toolbar to fit your own project, you can instantiate Pen constructor with an options object like #1.3. You can set options.titles to an object with properties that match the toolbar actions. The value of each property will be used as the title attribute on the icon. Most browsers will display the title attribute as a tooltip when the mouse hovers over the icon. By default, Pen will prevent unsafe page redirect when editing, to shut down it, specific options.stay to false. The syntax convertor will be enabled automatically by linking markdown.js after `pen.js. To link or unlink, please press the enter key after you filled the input field with your link. A link can be unlink by applying an empty value to the input field.

Features

  • Ordered list and unordered list are supported
  • Use the toolbar or use markdown syntax
  • Pen will prevent unsafe page redirect when editing
  • Add tooltips to the toolbar icons
  • Customize the toolbar
  • Change the editor class

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Pen Editor

Pen Editor Web Site

Other Useful Business Software
Our Free Plans just got better! | Auth0 Icon
Our Free Plans just got better! | Auth0

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
Try free now
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Pen Editor!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript User Interface (UI) Software

Registered

2021-11-19