Simple HTML Editor

I’m looking for a way to incorporate a simple HTML editor into my web project. I don’t want anything fancy nor do I want 5K bells and whistles. TinyMCE will do the trick but the threads I have found and all the Google-ing I’ve done haven’t given me any clue on how to integrate TinyMCE (or any other editor) into my project. I want to present the user with an editor then save the HTML in a TEXT field in MySQL and of course pull the HTML from MySQL and place it in the editor. If the WebTextArea control allowed for RTF, I could muddle my way through creating a rudimentary editor.

From what I have seen and read, Xojo Web has the ability to incorporate Java/JavaScript apps and applets. I just don’t know that much about either to get the job done by myself. Is someone willing to impart their knowledge on how to get TinyMCE working within a Xojo Web project?

Thanx in advance for the help.

Maybe look in the Examples > Web > Controls > CustomControls > YUI Rich Text Editor ?

Thanks Norman.

I was able to incorporate the YUI RT Editor into my project. I don’t really like the “look and feel” of its interface. I also have an issue where the control chops off the end of the HTML text and adds
when I call .HTML

I like the TinyMCE interface. Can anyone help me with integration?

check the following URL http://forums.realsoftware.com/viewtopic.php?f=23&t=43669

Yes, found that post early on in my searching. However, all the links in the post are broken.

why don’t you ask Matthew A. Combatti directly??

The original source is on my Mac about 700 miles away at the moment (travelling) but I began this for you :slight_smile: It’s time for bed so I will work on it more tomorrow if no one else does. But here is the current code. (I included all TinyMCE modules that are currently available). I will migrate the modules to properties which can be set to True/False and add Enumerated Skins that are available.

http://www.xojodevspot.com/demos/TinyMCE-WE.xojo_binary_project

Screenshot:
https://www.dropbox.com/s/n2ukml01zxykvuw/Screenshot%202014-01-07%2005.06.48.png

Goodnight everyone!

[quote=57582:@Matthew Combatti]The original source is on my Mac about 700 miles away at the moment (travelling) but I began this for you :slight_smile: It’s time for bed so I will work on it more tomorrow if no one else does. But here is the current code. (I included all TinyMCE modules that are currently available). I will migrate the modules to properties which can be set to True/False and add Enumerated Skins that are available.

http://www.xojodevspot.com/demos/TinyMCE-WE.xojo_binary_project

Screenshot:
https://www.dropbox.com/s/n2ukml01zxykvuw/Screenshot%202014-01-07%2005.06.48.png

Goodnight everyone![/quote]

Thank you @Matthew ! :slight_smile:

I must be missing a few things Matthew. I was able to incorporate the editor into my project. However, when I grab the .HTML property, it’s blank. Also, none of the button icons are displayed.

Not sure why the image link didn’t work. Here is a hyperlink to the image.

https://xojo.io/ff11cdde24da

You will need to grab the tinymce package from tinymce… The images aren’t loading because of cross-domain issues that arise when running javascripts. The source you have is unfinished and has no code in the html/text computed properties as well as no code within the frameworkpropertychanged method of the custom control (see note included). I will try to find time today to complete this web control as I’ve been busy, but the included notes tell how to complete it (it was late that evening when I uploaded so I included notes to tell ‘how-to’ with links to the javascript code required to complete the control) :slight_smile: has been a long week of traveling :-/

That one is done the way WebSDK controls are supposed to be done

The original control will be uploaded when I get home. Read websdk docs and migrate code as needed if you wish to compete the above 5-minute implementation above. Or follow the templates of the other 30 something jquery controls that I’ve created and are available publicly. The above was “to get you started” (so I don’t reinvent the wheel)…but includes everything needed to make the control and make it work until I have time to upload the original source.

is it possible to use a HTML Editor on desktop application?? i like to be able to display the formatted page and using some button make then bold, italic or change the size of the font. nothing too fancy.

Hey!
How can I insert my custom HTML to the editor

I tried it with self.jQueryTinyMCE1.HTML = "blabla" but got an exception.

What’s my mistake?

it’s a HTTPServer.HTTPrequestThreat - exception

All download links are 404 :confused: Useless.

Matthew - Did you get a chance to upload the original source? If so, where can I download it from?

I wrote him a couple weeks ago, but got no answer. Seems that he is vanished :smiley:

Is there anyone else that can take Matthew C’s template project and make it work? I get no icons when I run the app and I can’t figure out how to set/get the HTML. I have downloaded the tinymce package and corresponding jQuery libraries, modified the code to point to my local copy but to no avail, I can’t seem to get it working.

https://xojo.io/ff11cdde24da

I have looked at the YUI example project but YUI has a bug that no one seems to be able to figure out and renders the editor useless. It chops off the last 3 characters of the text entered and replaces them with
. So if you run the example YUI project, type “Hello World”, you will get “Hello Wo” when you inspect YUI.HTML. Besides, it appears YUI has move on to version 3 and I haven’t figure that one out either.

However, I would prefer to get TinyMCE running. Wish I new a thing or 2 about Java/JS & CSS. The WebSDK document was written for a Javascript/CSS advanced programmer, not the novice.

Anyone?