TinyEditor

The TinyEditor extension uses a simple, lightweight (under 9KB) and standalone JavaScript WYSIWYG editor. It handles most of the basic formatting and has some functionality built in to help keep the rendered markup as clean as possible.

wisej-extensions/Wisej.Web.Ext.TinyEditor at 3.5 · iceteagroup/wisej-extensionsGitHub

TinyEditor Source Code

Code Example

TinyEditor tinyEditor1 = new TinyEditor();
tinyEditor1.Size = new System.Drawing.Size(300, 300);
tinyEditor1.ShowFooter = false;
tinyEditor1.Text = "<b>hello</b>";
this.Controls.Add(tinyEditor1);

This code snippet creates a TinyEditor. The size is explicity set because otherwise it will be very small. ShowFooter is set to false, so the footer is not visible. The text is set with a bold tag <b></b> so it displays as bold. See below for what the editor looks like when this code is run:

How to Use

The TinyEditor extension can be added to a Wisej.NET project using NuGet Package Manager.

Wisej-3-TinyEditor 3.5.34nuget

Set the Text property including HTML formatting.

__ShowToolBar, ShowFooter, Toolbar and FontNames can be used to customize the Tiny Editor. With StyleSheetShource you can specifiy css to be used by the TinyEditor

You can find a Wisej sample of TinyEditor, TinyMCE and CKEditor and more useful information in our Blog.