# TinyEditor

The [TinyEditor ](https://github.com/jessegreathouse/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.

![](/files/-MNVRdoxZIHuqMiuXAl2)

{% embed url="<https://github.com/iceteagroup/wisej-extensions/tree/master/Wisej.Web.Ext.TinyEditor>" %}
TinyEditor Source Code
{% endembed %}

## Code Example

```c#
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:

<figure><img src="/files/fADJcF2xDN2KSu6ZjP5r" alt=""><figcaption></figcaption></figure>

## How to Use

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

{% embed url="<https://www.nuget.org/packages/Wisej-3-TinyEditor>" %}

Set the *Text* property including HTML formatting.

\_\_[*ShowToolBar*](/extensions/extensions/tinyeditor/api/wisej.web.ext.tinyeditor.tinyeditor.md#showtoolbar), [*ShowFooter*](/extensions/extensions/tinyeditor/api/wisej.web.ext.tinyeditor.tinyeditor.md#showfooter), *Toolbar* and [*FontNames* ](/extensions/extensions/tinyeditor/api/wisej.web.ext.tinyeditor.tinyeditor.md#fontnames)can be used to customize the [Tiny Editor](/extensions/extensions/tinyeditor/api/wisej.web.ext.tinyeditor.tinyeditor.md).\
With *StyleSheetShource* you can specifiy css to be used by the TinyEditor

{% hint style="info" %}
You can find a Wisej sample of **TinyEditor**, TinyMCE and CKEditor and more useful information in our [Blog](https://wisej.com/blog/editors-choice/).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wisej.com/extensions/extensions/tinyeditor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.