https://github.com/bulubuloa/TEditor2

Awesome HTML editor in Xamarin.Forms
https://github.com/bulubuloa/TEditor2

Last synced: 29 days ago
JSON representation

Awesome HTML editor in Xamarin.Forms

• Host: GitHub
• URL: https://github.com/bulubuloa/TEditor2
• Owner: bulubuloa
• Archived: true
• Created: 2020-11-07T18:05:52.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-11-04T09:56:48.000Z (about 3 years ago)
• Last Synced: 2024-11-09T03:09:03.027Z (about 1 month ago)
• Language: C#
• Homepage:
• Size: 611 KB
• Stars: 17
• Watchers: 2
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-xamarin-forms - TEdito2 ★8 - TEditor2 is a HTML editor for Xamarin, it has so many build-in features and easy to use. (UI)
• awesome-xamarin - TEdito2 - TEditor2 is a HTML editor for Xamarin, it has so many build-in features and easy to use. (UI)

README

        
## TEditor2 for Xamarin

I refactor this project based on TEditor(https://github.com/XAM-Consulting/TEditor), removed UIWebView, and using WKWebView instead. Refactor project to netstandard lib.

TEditor is a HTML editor for Xamarin, it has so many build-in features and easy to use.

 [![NuGet](https://img.shields.io/nuget/v/TEditor.svg?label=NuGet)](https://www.nuget.org/packages/TEditor2) 

 

### Demo

![iOSDemo](https://github.com/XAM-Consulting/TEditor/blob/master/Images/iOS.gif) ![DroidDemo](https://github.com/XAM-Consulting/TEditor/blob/master/Images/Droid.gif)

### Usage

Available on Nuget:[https://www.nuget.org/packages/TEditor2/](https://www.nuget.org/packages/TEditor2/)

Call single line from any project or PCL, make sure it must be in UIThread.

            TEditorResponse response = await CrossTEditor.Current.ShowTEditor("
XAM consulting
");

            if (!string.IsNullOrEmpty(response.HTML))

                _displayWebView.Source = new HtmlWebViewSource() { Html = response.HTML };

    		

If user click save it will return html as string. If user click cancel, it return empty string.


### Custom

TEditor allow user to custom toolbar, you can add features when you need it, like

         var toolbar = new ToolbarBuilder().AddBasic().AddH1();

         TEditorResponse response = await CrossTEditor.Current.ShowTEditor("
XAM consulting
", toolbar);


Also, you can add a new ToolbarItem with new icon like

        var toolbar = new ToolbarBuilder().AddBasic().AddH1("H1Icon.png");

### Features

|Features|      |Platforms|

|:------:|------|---------|

|Bold||Xamarin.iOS|

|Italic||Xamarin.Android|

|Underline|

|Remove format|Basic|

|Justify center|

|Justify full|

|Justify left|

|Justify right|

|H1 ... H6|

|Text color|

|Add unordered list|

|Add ordered list|Standard|

|Subscript|

|Superscript|

|Strikethrough|

|Horizontal rule|

|Indent|

|Outdent|

|Undo|

|Redo|

|Paragraph|All|

### Powered By:

[TEditor2](https://github.com/XAM-Consulting/TEditor)

[ZSSRichTextEditor](https://github.com/nnhubbard/ZSSRichTextEditor)

[PopColorPicker](https://github.com/has606/PopColorPicker)

[MonoDroid.ColorPickers](https://github.com/Cheesebaron/MonoDroid.ColorPickers)