Browser content editor Preview · 0.0.3

SolidEdit

A browser editor connected to an existing textarea; full and mini edit rich text and Markdown with the same tools and stored-HTML contract.

Browser content editor Show HTML · Show Markdown Full for writing · Mini for comments Status · 0.0.3
Live demo GitHub Documentation

Live demo

SolidEdit · Live demo

A browser editor connected to an existing textarea; full and mini edit rich text and Markdown with the same tools and stored-HTML contract.

Ready

Manual

SolidEdit · Manual

A browser editor connected to an existing textarea; full and mini edit rich text and Markdown with the same tools and stored-HTML contract.

  1. 1

    Use the default full mode for posts and toolbarSize mini for comments. Both expose every tool without a folding control.

  2. 2

    Edit the sample, then switch between HTML and Markdown output to inspect the value the host would submit.

  3. 3

    Reset clears only this demo draft. Authentication, server storage, uploads, HTML sanitization, and activity logs remain host responsibilities.

API · Documentation

mountContentEditor()

A browser editor connected to an existing textarea; full and mini edit rich text and Markdown with the same tools and stored-HTML contract.

  • mountContentEditor(target, options)
  • initContentEditor(options)
  • getHTML() · getMarkdown()
solid-edit-0.0.3.htmlSHA · SRI
<script>
window.CONTENT_EDITOR_AUTOSTART = false;
window.CONTENT_EDITOR_AUTOINIT = false;
</script>

<textarea id="postBody"></textarea>
<textarea id="commentBody"></textarea>

<script
  src="https://cdn.jsdelivr.net/gh/statground/solid-edit@2937334e689e6be05728ac6b8027620be5172ed9/versions/0.0.3/editor.js"
  integrity="sha384-+Qqh/Ul1oVa52v9XRTKFobaNl9opsASqxtLR2IZ002tk3Y1yppoilJ1gMQ8SEXrb"
  crossorigin="anonymous">
</script>

<script>
const full = window.mountContentEditor("#postBody", {
  storageKey: "post-draft"
});

const mini = window.mountContentEditor("#commentBody", {
  storageKey: "comment-draft",
  toolbarSize: "mini"
});
</script>

Status

Reset clears only this demo draft. Authentication, server storage, uploads, HTML sanitization, and activity logs remain host responsibilities.

Back to Toolbox