square1-io / rich-text-android

Easily show rich content, with images and videos. Format content programatically or use HTML string
http://www.square1.io
78 stars 11 forks source link

Need improvement #2

Open arunrajgm opened 6 years ago

arunrajgm commented 6 years ago

Nothing work as expected Images, videos, tables, text color are not working using html string. Only text style works.

I tried this

You can edit this demo text!

How to use the editor:

Paste your documents in the visual editor on the left or your HTML code in the source editor in the right.
Edit any of the two areas and see the other changing in real time. 

Click the Clean button to clean your source code.

Some useful features:

  1. interactive connection Interactive source editor
  2. html cleaner HTML Cleaning
  3. Word to html Word to HTML conversion
  4. replace text Find and Replace
  5. gibberish Lorem-Ipsum generator
  6. html table div Table to DIV conversion

Cleaning options:

Name of the feature Example Default
Remove tag attributes laughing (except img-src and a-href)  
Remove inline styles You should never use inline styles! x
Remove classes and IDs Use classes to style everything. x
Remove all tags This leaves only the plain text. laughing  
Remove successive  s Never use non-breaking spaces       to set margins. x
Remove empty tags Empty tags should go!  
Remove tags with one   This makes no sense! x
Remove span tags Span tags with all styles x
Remove images I am an image: laughing  
Remove links This is a link.  
Remove tables Takes everything out of the table.  
Replace table tags with structured divs This text is inside a table.  
Remove comments This is only visible in the source editor x
Encode special characters ☺ ★ >< x
Set new lines and text indents Organize the tags in a nice tree view.  

 

Save this link into your bookmarks and share it with your friends. It is all FREE!
Enjoy!

 

robertoprato commented 6 years ago

@arunrajgm can you share the code and the raw html ?

arunrajgm commented 6 years ago

I tried this on your demo app got from here. Nothing much i added.

this is my raw string

You can edit this demo text!

How to use the editor:

Paste your documents in the visual editor on the left or your HTML code in the source editor in the right. 
Edit any of the two areas and see the other changing in real time. 

Click the Clean button to clean your source code.

Some useful features:

  1. interactive connection Interactive source editor
  2. html cleaner HTML Cleaning
  3. Word to html Word to HTML conversion
  4. replace text Find and Replace
  5. gibberish Lorem-Ipsum generator
  6. html table div Table to DIV conversion

<iframe src="//www.youtube.com/embed/qWv4Ixin4EU" width="560" height="314" allowfullscreen="allowfullscreen"></iframe>

Cleaning options:

Name of the feature Example Default
Remove tag attributes laughing (except img-src and a-href)  
Remove inline styles You should never use inline styles! x
Remove classes and IDs Use classes to style everything. x
Remove all tags This leaves only the plain textlaughing  
Remove successive &nbsp;s Never use non-breaking spaces       to set margins. x
Remove empty tags Empty tags should go!  
Remove tags with one &nbsp; This makes no sense! x
Remove span tags Span tags with all styles x
Remove images I am an image: laughing  
Remove links This is a link.  
Remove tables Takes everything out of the table.  
Replace table tags with structured divs This text is inside a table.  
Remove comments This is only visible in the source editor x
Encode special characters ♥ ☺ ★ >< x
Set new lines and text indents Organize the tags in a nice tree view.  

 

Save this link into your bookmarks and share it with your friends. It is all FREE! 
Enjoy!

I added but it convert to html design you can just copy this content and paset it here

https://html-online.com/editor/

arunrajgm commented 6 years ago

@robertoprato

robertoprato commented 6 years ago

@arunrajgm sorry this has taken so long however I just pushed a more up to date version of the code with some issues fixed. Tables unfortunately are not yet supported and won't show.