Creating and HTML Editor

Hello, does anybody have and example about how to create an html editor that suports tables, images, fonts?
I have to create one.
thanks.

http://www.hexidec.com/ekit.php
Is open source - so you might be able to look at their source code.

Similar Messages

Want to create inbuild html editor

hi all,
i wanna create inbuild html editor in jsp,
plz advice me how to this,
Regards,
gaurav jain

Beuh...you should tell us wahere you got stuck with that problem.
No one's going to tell you how to do this hey...

How to create an HTML editor on Apex with the buttons for editing?

Hi,
I would like to have an online editor similar to the one I am using to post this thread with a bold, itallic and links button.
I see there are HTML editor items, however it doesn't have the bold, font buttons when I create the page?
Below are from the HELP section.
HTML Editor Standard - Provides more editing functionality, such as font, format and color, than HTML Editor Minimal.
Text Area with HTML Editor - Provides basic text formatting controls. Note that these controls may not work in all Web browsers.
Thanks.
Edited by: Samantha on Oct 21, 2011 2:12 PM

Hi,
Thanks. I went to the item area and did not see it after selecting 'Text area'
Only these items which do not have the cool editing features.
Textarea
Textarea (auto-height)
Textarea with Character Counter
Textarea with Character Counter & Spellcheck
Textarea with Spell Checker
HTML Editor Minimal
HTML Editor Standard
Textarea with HTML Editor (deprecated)

Licensing and HTML Editor for Large No of Content Providers

Hi All
Currently evaluating RH (paln to use XHTML editor for source and targets will be WebHelp, hopefully with RH Server and export to Word for manual). We have a suite of 17 apps and will use a master project and child projects for each app. Got that all setup and my master pages, etc. Export to word looks pretty good.
I have about 20 content providers (no dedicated documentation resources), so I need a way for them to contribute styled content. I really don't want them using Word as it's too easy for them to stray from the supplied styles (we have that problem now for our Word docs). I'm keeping the style pretty simple (Para Styles: ChapterHead, H1-4 and Normal. Char Styles: MenuOption and Note, One OL and one UL. I'm sure I'll add a few more.) So I need to find a way for content authors to contribute and edit. (from what I've read, the PDF review will work well for review cycles. Seems my options are:
RH: I'm assuming that if I want them to use RH editor they all need a copy of RH @ $1,000 a seat, so that's out of the question.
Adobe Contribute may be an option: any using it with RH? IF so, how well does it integrate?
It seems my best option (to get the project approved and off the ground--read "low startup cost") is a simple free WYSIWYG HTML editor. I can supply everyone the CSS and a template, and they can create clean HTML. Anyone got any recommendations?
Other choices? Looking for suggestions
Any comments/suggestions on the above plan?
Regards
Mark

There is an article on my site about using Contribute. I tried it and how well it works depends on your level of patience and the people using it. I gave up after a while! RoboHelp has changed to XHTML since I tried so that may also be an issue.
The free HTML editors may not understand RoboHelp's processing instructions and may well munge them, be very careful. Some are based on the Gecko engine and my experience is that inserts tons of blank lines.
I think I would explore using Linking first. If that does not work for you, let them edit in Word and you then use Word's "compare files" function to find the changes and make them manually. We have also asked editors to mark any changes with three hash symbols so that we can search for the changes quickly. It may sound a bit archaic but it works very well.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

How to print html text created with HTML Editor Standard?

I would like to print the text I added with the HTML Editor Standard, using advanced printing. I have made up a Word document with a Report Query and a Report Layout, but the text pops up as html text. Also when I use HTML as output the text shows as "p strong hallo /strong /p" (but then with < and >) instead of hallo . I understand what goes wrong, but I am unable to solve it. Is there a way to work around this?
Thanks a lot, Frits
Edited by: user3829016 on 10-nov-2009 5:51
Edited by: user3829016 on 10-nov-2009 5:52
Edited by: user3829016 on 10-nov-2009 5:53

Thanks Lilly a lot!
I forgot about this tag. It helps in my situation.
P.S. I tried to solve problem with help of tag <pre> in such way:
some_word<pre> </pre>some_wordBut it didn`t helped.
Thank you again

Is it now possible with new version of Adobe Muse to create and HTML Newletter.

I am in a bit of a rush because I have an e-blast to prepare for a customer and I was wondering if it is it now possible with new version of Adobe Muse to create an HTML newletter? I have never created an html newletter before, if it is not possible with muse, and I do not code, would mailchimp be the best choice. If it is possible with muse, would it be possible to please provide me with the steps or a tutorial?
Thank you.

The quick answer is, no. The output of Muse is designed to work with popular web browsers on desktops and devices. It relies on many features of HTML that are not supported by e-mail readers.

Creating a WYSIWYG HTML editor

quick question:
I'm creating an HTML editor using JTextPane for my GUI and an HTMLEditorKit in the back. I'm just running a simple test with the following html file:
<html>
<head>
</head>
<body>
    <p>
      let's make a web page
    </p>
    <p>
    </p>
    <p>
      <b>just to see if this works</b>
    </p>
</body>
</html>I'm calling
HTMLEditorKit editorKit = new HTMLEditorKit();
HTMLDocument doc = (HTMLDocument) editorKit.createDefaultDocument();
editorKit.read(m_reader, this.getDoc(), 0);where m_reader is a FileReader linked to the above file.
Then I'm using that as the content for my JTextPane by saying
textPane = new JTextPane(doc);Then when I do a System.out.print(textPane.getText()), I get:
<html>
<head>
</head>
<body>
    <p>
    </p>
</body>
</html>any ideas?

Originally posted by: aullah.thinkanalytics.com
Jai Kejriwal wrote:
> I am trying to create a WYSIWYG HTML editor. For text boxes, I thought it
> would
> be best to use the swt text widget that could be dragged and dropped.
> However,
> the text widget needs to have a Composite that it can be added on to. Does
> this
> mean that I will have to create my own visual representation of a text
> widget by
> extending the Figure class?
> Also, if you all have any experience/ideas of how I should proceed with
> creating a WYSIWYG
> HTML editor, I welcome your input. Particularly, what layout should I use
> for the base page,
> and how should I handle code generation. I am a newbie so the help means a
> lot.
I'd create my own Draw2D figure to render text boxes and other html
elements. SWT widgets can't (as far as I know) be embedded in the GEF
GrapicalViewer's main (SWT) control. You're building blocks are Draw2D
figures. A nice emulated lightweight solution (c.f swing).
The other great advantage, is that a figure based TextField gives you the
the ability to style the appearance of the textbox, ie border, colour, etc.
You could create a base figure styling interface.
The TextField or TextBox, could be based on a draw2d.text FlowFigure.
You're also going to need to have some form of FlowLayout for the page,
to emulate how elements flow on a HTML page in a browser.
I guess the Logic Diagram labels are a good place to start looking.

Html Editor in C# Windows Application

Hello,
I am using WebBrowser Control in C# Windows Application,when I change the language from English to Japanese or Chinese,I am unable to type desired language text inside it.
At the same time when I typed text in our forum text editor I am able to type desired text.
My aim is to provide same functionality in my windows application html editor.

Hi Nikhil,
>> when I change the language from English to Japanese or Chinese,I am unable to type desired language text inside it.
What do you by “language from English to Japanese or Chinese” and “type desired language text inside it”? Was the language you changed the winfrom language or the system language? Where did you type the text and could you share us a screen shot about this?
>> My aim is to provide same functionality in my windows application html editor.
Do you mean you want to create an html editor in your form? If so, I think the link below might be useful to you:
# tinyMCE HTML Editor in .NET WindowsForms
http://www.codeproject.com/Articles/27586/tinyMCE-HTML-Editor-in-NET-WindowsForms
Best Regards,
Edward
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click HERE to participate the survey.

HTML Editor Standard

Hi,
I created a html editor standard region, the HTML code is save fine in db:
<p align="left"><strike><font color="#ff0000"><font size="7"><strong><em><u><strong><em><u>Test</u></em></strong></u></em></strong> </font></font></strike></p>
<div style="MARGIN: 0in 0in 0pt" align="right"><font size="3"><strong><u><font color="#0000ff">Baiocchi Grandson Update:</font></u></strong></font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font size="3"> </font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font size="3">Colin’s career is doing nicely.</font><font size="3"> </font><font size="3"><font style="BACKGROUND-COLOR: #ffff00" size="5">He is a member</font> in <font size="1">good standing with</font> SAG, and had to file a 1040 for 2007 (yes Gobbo – he IS getting a refund).</font><font size="3"> </font><font size="3">The following links will get you to 3 commercials:</font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font size="3"> </font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"><font color="#800080" size="3">http://www.mgae.com/commercials/F07/LTRockAndTwist.html</font></div>
<div style="MARGIN: 0in 0in 0pt" align="left"></div>
<div style="MARGIN: 0in 0in 0pt" align="left">Please <strong>WELCOME</strong> <strong><font color="#dc143c">Pam Helf</font></strong> who has joined us as a Regional Lead based in Milwaukee and reporting to Frank Guarasci. Pam brings more than 25 years of experience to the team and we are THRILLED to have her!</div>
<div style="MARGIN: 0in 0in 0pt" align="left"></div>
<div align="left">
<ol>
<li>
<div align="left">Test</div>
</li>
<li>
<div align="left">Test</div>
</li>
</ol>
</div>
This code have differents fonts size, bulleted and numbered list.
In a HTML Text Region with Form Report Template in other page I show this HTML code but I don't see the sizes (IE 7 and Mozilla Firefox) and bulleted list (IE 7) fine.
Thanks for any help!

Hello,
You probably don't see the sizes because the css of your theme/template is still there.
I believe there's a * defined, which hurt me in the past as well.
If you look at Firebug for your region where you expect to see the different fonts, you should see which css it uses.
Regards,
Dimitri
http://dgielis.blogspot.com/
http://www.apex-evangelists.com/
http://www.apexblogs.info/

XML News html editor not visible

Hi,
As a part of XML News we have created an html editor along with other labels,text field etc.The problem now is this editor is not visible while creating the News using News Editor Role.Can you help?
Regards
Imran

Hi Raghu,
Forms availability are eanabled already.If we are opening the News form all other fields (like button,text fields etc) are visible but the only thing not visible is the component hml editor where the Editor has to write News,I hope you understand this.Even though that is present in the form template under XML bulder.
Regards
Imran

Creating a small HTML-Editor using JEditorPane

Hello! I'm trying to create a small HTML-Editor. Via this editor users shall be capable to create formatted text (bold, italic, underlined, different sizes, different fonts, different colors). Furthermore, if the user pushes the enter-button a new line-break (<br>) shall be inserted. Basically my editor is working but with some big problems:
1. When I create an instance of my editor, I initialize it with some html-code.
this.m_EditorPane.setText("<html><head></head><body></body></html>"); Without this initialization between the <body> and </body> <p> and </p> will be inserted, what I don't want. But if I push now the enter-button at the beginning, <br>-tag will not be inserted in the <body>-area but in the <head>-area.
2. Styling text is working really good, but when I insert a line-break (via enter-button), the <br>-tag is inserted after the (e.g.) closing bold-tag (</b>). So, in the next line, this style-property must be reselected.
Can anybody help me to change this behavior?
Kind regards, Stefan
P.S. The way I insert the <br>-tag:
JEditorPane editor = getEditor(ae);
HTMLDocument doc = getHTMLDocument(editor);
HTMLEditorKit kit = getHTMLEditorKit(editor);
editor.replaceSelection("");
int offset = editor.getCaretPosition();
kit.insertHTML(doc, offset, "<br>", 0, 0, HTML.Tag.BR);
editor.getCaret().setDot(editor.getCaretPosition());P.P.S. Sorry for my bad english :-/

Hello! I'm trying to create a small HTML-Editor. Via this editor users shall be capable to create formatted text (bold, italic, underlined, different sizes, different fonts, different colors). Furthermore, if the user pushes the enter-button a new line-break (<br>) shall be inserted. Basically my editor is working but with some big problems:
1. When I create an instance of my editor, I initialize it with some html-code.
this.m_EditorPane.setText("<html><head></head><body></body></html>"); Without this initialization between the <body> and </body> <p> and </p> will be inserted, what I don't want. But if I push now the enter-button at the beginning, <br>-tag will not be inserted in the <body>-area but in the <head>-area.
2. Styling text is working really good, but when I insert a line-break (via enter-button), the <br>-tag is inserted after the (e.g.) closing bold-tag (</b>). So, in the next line, this style-property must be reselected.
Can anybody help me to change this behavior?
Kind regards, Stefan
P.S. The way I insert the <br>-tag:
JEditorPane editor = getEditor(ae);
HTMLDocument doc = getHTMLDocument(editor);
HTMLEditorKit kit = getHTMLEditorKit(editor);
editor.replaceSelection("");
int offset = editor.getCaretPosition();
kit.insertHTML(doc, offset, "<br>", 0, 0, HTML.Tag.BR);
editor.getCaret().setDot(editor.getCaretPosition());P.P.S. Sorry for my bad english :-/

HTML editor with syntax highlighting and UTF-8 support

In an ongoing effort to move our lives into the cloud and into our pockets (and as a part of an article series for a tech blog), me and a friend are trying to completely replace the need for computers with our iPhones.
In some ways, it is going splendidly (Documents to Go Premium + foldable bluetooth keyboard = all my writing needs as a journalist solved). In others, concessions have to be made (as a practicing musician, my options are a bit limited, but with the help of Xewton Music Studio, Multitrack DAW/NanoStudio, etc, I can at least lay down some basic tracks, create basic MIDI compositions, etc).
However, there is one area in where we’ve made no headway at all. My friend has the great misfortune of being blessed with logic , and therefore, unlike me, does honest programming and web app designing work. And as far as we know, there is not a single HTML/script editor with more than just the bare, basic functions in the app store.
What we need is this:
* Syntax highlighting
* Support for UTF-8
A built-in FTP editor would be a nice bonus, but is not essential.
We found one for the iPad, but when we contacted the company behind the app, they revealed no immediate plans for an iPhone version. (They felt coding on the iPhone was, at best, impractical, but they did concede the fact that if there are indeed users who have that need, the existence of an iOS HTML editor would be justified, and possible lucrative, regardless of their feelings on the matter. On that ground, they promised to examine the possibilities to port their iPad app in the future, but so far, no signs.)
Does anyone know of such an app? Rest assured your assistance will be mentioned in the article series should you point us in the right direction

Unfortunately, my friend has offered his iPhone an ultimatum. No syntax highlighting, no computer replacement. It is strange that such as standardized feature has not found its way into any known HTML editor for iOS.
But FTPOntheGo seems to be a great app in general, so thanks!

How to create a WYSIWIG HTML editor

I need to create a WYSIWIG HTML editor and I'm thinking of using Swing.
I realise many have done this before and that there are products already on the market ranging from Coffee Cup to Dreamweaver.
However, this will be for a specific application where my users will need to drop some composite objects on to the web page -- these objects will generate chunks of HTML containing some of my own attributes with a special syntax. These objects might be as simple as a textbox with a label, or something more complex.
So the idea is that the user selects the object they wish to create by clicking a particular icon in a palette. The cursor changes to a cross-hair as the mouse is moved across some sort of canvas pane. The user clicks where they want the top left-hand corner of the object to be (rubber banding not necessary). A dialogue pops up asking for some context-sensitive properties for the object. At this point, the system can work out the HTML object it needs to create, i.e. tags, attributes, etc.
So far the canvas pane has acted as a simple drawing surface, perhaps with a set of grid lines to aid the user in positioning. But at this point, know that we know the HTML object required, I want it to be rendered on the pane as HTML.
Is it possible for a pane to be both a canvas an an HTML renderer like this, so that I can achieve a true WYSIWYG effect ? Does anyone understand what I'm talking about ?! Are there any examples of how I would go about this ?
Thanks

Is it possible for a pane to be both a canvas an an HTML renderer like this, so that I can achieve a true WYSIWYG effect ? Does anyone understand what I'm Check out JEditorPane and JTextPane for HTML support. You have to do JEditorPane.setEditable(false) to make it render html. It also SUCKS as a web container - no support for style sheets, forms, javascript, etc.
It is definitely possible to add components into or over the JEditorPane to show lines and other things. I'm just not sure what the point of this is.

HTML Editors and Greek Language

Hi all,
When using the HTML Editor the value that is stored in the database
is
&Delta &epsilon &nu &upsilon &pi ά&rho &chi &epsilon &iota&alpha &pi ό&theta &epsilon &mu &alpha (Deleted ; in the end of each character so that I can show you what I mean).
instead of Δεν υπάρχει απόθεμα
This doesn't happen when I use text item or text area.
Can I do something about it?
APEX version 3.1.0.00.32
Thanks in advance

Peggy,
FrontPage 97 / 98 have both worked really well for us, however we
discovered a slight hitch with 98 where the Editor would gobble up
<?FORTE ..> tags inside the SELECT OPTION tag, but you can work around
that one, apart from this FP98 is a great HTML editor. I also thought
HotMetal was a good fit.These observations come out of evaluating about
5-6 leading HTML editors.
Some recommended steps in the process:
1) Create a prototype by laying out all the HTML using an Editor. Figure
out all the navigation within your web. More recent features seen in
HTML editors such as JavaScript generation and DHTML / CSS support are
really difficult to work out on your own, let the advanced Editors do as
much dirty work for you as poss.
2) Once the prototype is finalized, for all the pages requiring any
dynamic content generation, figure out all the Tag Handlers you will
need. Change the HTML Content by inserting the FORTE tags as required,
code the corresponding Handlers.
3) Figure out the relation between page requests and the security
requirements for your pages, design the Session properties and data
tracing across requests using the Session object.
4) Do refer to all the Tech Notes on the Forte web site for known
issues.
As for the Java applets frontend, we have used Java - IIOP - Forte since
early beta through every Forte release (3.0.X) and it works fine with
WebEnterprise and release 30f2.
- Sameer
From: Peggy Lynn Adrian <[email protected]>
Date: Wed, 07 Jan 1998 15:19:58 -0500
Subject: WebEnterprise - HTML Editors and Java
I'd like to know any opinions on HTML editors and their use with
WebEnterprise. Have any of you done
evaluations to determine the best editor to use with the Forte
product? Also,
do you have experience using
a Java applet as the front-end to a Forte service object? In this
instance,
are you able to do so with Forte 30f2 and
WebSDK?
Thanks,
Peggy Adrian
Eli Lilly and Company

Hide "Save and Lock Button" Button in the HTML Editor

hi,
I have created a doc file and saved it as a webpage. Then i have uploaded the file to the KM Content. Now this file can be edited online. When i choose the Html Editor, i get 3 buttons. Out of this, i have to disable "Save and Lock Button" button. Can anyone please help me reganing this. This is urgent
regards,
pinki

hi,
Thanks a lot for your reply.
In the renderbutton() button, the new buttons are being created. But if we comment that part of the code, i guess the new button will not be created. I am very new to all this. Please explain . i am talikng about the following code:
if(lockResource.canExecute() && lockResource.isResourceLockedByMe())
                    //save = new Button(WdfEventDispatcher.dispatchableControlID(this, "onSaveAndUnlock", url));
                    //save.setDesign(ButtonDesign.STANDARD);
                    //save.setText(getBaseBundleString("com.sapportals.wcm.control.edit.ResourceEditControl", "btnSaveAndUnlock"));
                    save.setOnClick("onWdfEvent");
                    //buttonGrid.addComponent(buttonGrid.getCurrentRowIndex(), buttonGrid.getCurrentColumnIndex(), save);
                    //buttonGrid.setCurrentColumnIndex(buttonGrid.getCurrentColumnIndex() + 1);
Actually, the problem is "Save and Unlock " button is behaving weirdly, even though, user is clicking in it , it is remaining locked. At first, we thought the user was clicking "Save and Hold Lock" by mistake. So we wanted to disable it.But now the problem is somewhere else. Can you please help
regards,
pinki

Creating and HTML Editor

Similar Messages

Maybe you are looking for