Quantcast
Channel: jHtmlArea - WYSIWYG HTML Editor for jQuery
Viewing all 53 articles
Browse latest View live

Commented Unassigned: HtmlArea Are Not Getting Focus [17036]

$
0
0
I am using the htmlArea inside a jqx tab control. The problem which i am facing is, i cannot edit anything in the htmlArea. It happens only i wrap it in another control. Rest of the area is fine, i can able to select the toolbars. but the editor portion alone is disabled. If i am not using the tab then its working fine. What could be the problem.
Comments: ** Comment from web user: didiergm **

Same issue - although it is transient: I mean sometimes I can edit, sometimes I can't;

It seems to be linked to the couple OS version/Browser version : one of my users on XP/Chrome (latest) has the issue 80% of the time, me on Linux/Chrome or Linux/Firefox it always works fine;

If you find a work around I'd be delighted to hear


Commented Unassigned: HtmlArea Are Not Getting Focus [17036]

$
0
0
I am using the htmlArea inside a jqx tab control. The problem which i am facing is, i cannot edit anything in the htmlArea. It happens only i wrap it in another control. Rest of the area is fine, i can able to select the toolbars. but the editor portion alone is disabled. If i am not using the tab then its working fine. What could be the problem.
Comments: ** Comment from web user: didiergm **

Note : I have implemented two fixes which seem to deal with this issue on from #17036 and #8969; We'll see on Monday if that fixes it.

New Post: embed youtube button

$
0
0
Hi there,
if anyone was interested, here is a custom toolbar button for youtube:
   [{
                        // YOUTUBE EMBED BUTTON
                        css: "youtube", //style it with "div.jHtmlArea .ToolBar ul li a.youtube{...}" in style/jHtmlArea.css
                        text: "add YouTube video",
                        action: function( event ){
                        x = prompt("YouTube URL address:", "");
                        //strip vid id
                        var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
                        var match = x.match(regExp);
                        if (match && match[2].length == 11) {
                        this.pasteHTML('<iframe width="420" height="315" src="//www.youtube-nocookie.com/embed/'+match[2]+'" frameborder="0" allowfullscreen></iframe>');
                        } else {
                        alert('error');
                        }
                                                }          
                           }],

New Post: jhtmlarea when using IE returns tags

$
0
0
this only happens in IE. is there a way to change it so it would be uniformed with results when using firefox/chrome?

New Post: Copying text from editor area to another display area when a change is made as a preview.

$
0
0
How can I attach to the change event or some event in the underlying textarea for the jHtmlArea editor so that when the user makes a change, it is automatically reflected in another display area?

New Post: Custom button image is missing

$
0
0
I have the same problem and in addition it doesn't seem like anyone is working this site anymore.

Created Unassigned: Custom Button Image Does Not Display [17400]

$
0
0
I have tried to add a custom button image to my project, and while the rest of the toolbar works fine, the custom image does not display.

I believe the problem may be that the toolbar image is displayed at full width in the toolbar.

The alt-text displays, but the image does not.

It would be nice if the image displayed as well.

Commented Unassigned: Custom Button Image Does Not Display [17400]

$
0
0
I have tried to add a custom button image to my project, and while the rest of the toolbar works fine, the custom image does not display.

I believe the problem may be that the toolbar image is displayed at full width in the toolbar.

The alt-text displays, but the image does not.

It would be nice if the image displayed as well.
Comments: ** Comment from web user: timothydooling **

I found a fix.

You modify the jHtmlArea .css file to add the following for your custom buttons:

div.jHtmlArea .ToolBar ul li a.{custom button name}{ background-position: -80px -32px;background: url(refreshIcon.png);}


New Post: Custom button image is missing

$
0
0
I found a fix.

You modify the jHtmlArea .css file to add the following for your custom buttons:

div.jHtmlArea .ToolBar ul li a.{custom button name}{ background-position: -80px -32px;background: url(refreshIcon.png);}

New Post: How to add in mvc4 razor view

$
0
0
I tried to add in mvc 4 razor view but i cant .
Please advice and explain steps

Created Unassigned: Adding capability to resize [17413]

$
0
0
I added the resize: both to the textarea but the editor does not resize. I think you need to add a resize event to the textarea and adjust the editor's size, too.

Created Unassigned: Create bower package [17445]

$
0
0
bower now is more preferred way to redistribute web libs rather than NuGet

I found some project https://github.com/krampstudio/jhtmlarea but it is abandoned

Commented Unassigned: Create bower package [17445]

$
0
0
bower now is more preferred way to redistribute web libs rather than NuGet

I found some project https://github.com/krampstudio/jhtmlarea but it is abandoned
Comments: ** Comment from web user: mnaoumov **

I created a bower package based on your NuGet package 0.8.0. and registered it

https://github.com/mnaoumov/jhtmlarea/

New Post: How to remove scrolling from text area from IE?

$
0
0
I have used jHtmlArea, it is working fine but only in Internet Explorer, it is showing horizontal and vertical scrolling.
Image

Any help?

Created Unassigned: Move to GitHub [17459]

$
0
0
GitHub seems to be a de-facto standard for open source projects now and it is more contributors-friendly.

Commented Unassigned: Move to GitHub [17459]

$
0
0
GitHub seems to be a de-facto standard for open source projects now and it is more contributors-friendly.
Comments: ** Comment from web user: mnaoumov **

Made a fork https://github.com/mnaoumov/jhtmlarea/

Added bower configuration

and going to add some more fixes

Created Unassigned: jHTML Toolbar icons conflict with Bootstrap styles [17482]

$
0
0
When using jHtmlArea in a site that uses Bootstrap, there is a conflict between the toolbar classes and bootstrap's definition of .h1, .h2, etc. This causes the buttons to take more than one line in the toolbar.

New Post: Set jHtmlArea to readonly

$
0
0
Many thanks to abhivm!!!

I had exactly the same problem.
In our case the user shall create, edit and copy events, and the user shall be able to add dates to the event.
When the user creates or edits the event, jHtmlArea must be editable - in Rich Text Format.
When the user copies the event or if he adds additional dates to it, jHtmlArea must be readonly so that the user can see and verify which values are taken over. If jHtmlArea is editable then, the user might think that he can edit the value although it isn't allowed/supported by the underlying server-side code (C#, ASP.NET MVC) at that time, because it shall be a 100% copy of the event and also a 100% copy in case that the event becomes a series by adding more dates to the event. It would be confusing and irritating for the user because he might enter pages of text there before he finds out that nothing of his text gets stored then. And users will use an enabled feature, no matter how many warnings you put above and below it. All other Input fields can get grayed out/disabled. The user shall switch to the Edit page if he wants to edit the event. It shall prevent 'layer 8' (see ISO layer 8 = user) problems.

I know that jHtmlArea is free, but it would be really great if a readonly or disabled attribute could be added to jHtmlArea sometime in the future.
Probably it happened already, but I couldn't find it.

Patch Uploaded: #17925

$
0
0

GerardV73 has uploaded a patch.

Description:
I needed a change event on the textarea when the editor blurs, just like the original jQuery (or is it actually javascript?) event. With this patch, the added triggerChangeEvent will fire a change event on the textarea when the editor loses focus.

Commented Issue: getSelectedHTML() not returning value for selected image [8898]

$
0
0
In Internet Explorer, when an image is selected in the editor the value returned from getSelectedHTML() gives 'undefined' rather than the '<img src=...' HTML expected. This is because just a selected image is seen as a Control, rather than a range. Changing the getSelectedHTML() method to return the outerHTML if the selection is a control fixes this error. A patch file is attached.
Comments: ** Comment from web user: Millzy **

Could you demonstrate how to use the patch please?

Viewing all 53 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>