A paragraph should return a paragraph, not a bunch of <br>. This is terribly unsemantic and will make global CSS changes for "paragraphs" nearly impossible.

Currently:

Paragraph 1
<br>
<br>
P2
<br>
line break on P2

Should be:

<p>Paragraph 1</p>
<p>P2<br>line break on P2</p>

wysihtml5 looks very promising! I'd love to integrate it as another editor option in Create. However, Create is licensed under MIT and wysihtml5 under the more strict GPL. This would prevent me from distributing the editor, and most implementors from using it.

It would be great if the editor could at least be dual-licensed.

Hi Christopher,

First thanks for this rich text editor which is very good !

Secondly, i'm trying to make the focus work on an iphone ... seems too hard for me :/

To simulate the click event (safari ios don't work with focus(), it seems that we have to simulate a click event to make the iphone keyboard appear), I've tried this :

• "document.getElementsByClassName("wysihtml5-sandbox")[0].contentWindow.document.body.click();"
• This jquery trick : $(".wysihtml5-editor").show().focus().click().hide();

But nothing is working ...

Maybe you have a solution for that ?

Thanks in advance,

François.

Hey there,

I'm trying to using fonts provided by Typekit with wysihtml5. Typekit works by pulling down a CSS file that is authenticated by the referrer. I'm inserting that CSS request in the iframe, however because the src is blank, the referrer header is blank. Is there a good way around this or is the blank iframe too integral in the design?

Thanks!

Although <b> and <i> are very much a part of the HTML5 spec they no longer mean 'Bold' and 'Italic'. So UI icons representing bold and italic need to use <strong> and <em>.

<b> according to the spec is used to make text “stylistically offset from the normal prose without conveying any extra importance. <i> represents text that’s “in an alternate voice or mood, or otherwise offset from the normal prose”

this article sums it up well http://www.impressivewebs.com/bold-italic-html5/

Webkit-based browsers fail to load a stylesheet given as option to wysihtml5.Editor in some cases.

Here's our code:

var editor = new wysihtml5.Editor("wysihtml5-textarea", {
        toolbar: "wysihtml5-toolbar",
        parserRules: wysihtml5ParserRules,
        style: false,
        stylesheets: ['/assets/textile_preview.css']
});

The DOM fragment with the above JS is loaded via AJAX and then inserted into the DOM. We suspect this may cause is the problem.

Some observations:

• wysihtml correctly triggers the load of the stylesheet, but the Chrome web inspector shows the request as canceled. The response body is empty, and the iframe isn't styled.
• the server-side log shows a successful GET request for the file.
• this happens with every CSS file, even with an empty one.
• using the Chrome debugger we can see that Chrome stops/fails when parsing the response headers. At first we thought our Rails app sends a strange header. But this happens in our staging and production environments as well, where the static CSS file is served by Apache.

I'm testing on OS X with current Chrome (23.0.1271.64). Safari behaves the same, so it seems to be a Webkit problem. It works in Firefox.

Any ideas? Have you heard of this before? Any help would be appreciated.

I don't want to filter anything, right now it seems like it replace span with divs, remove src values and style attributes. Is there a way to just allow anything?

Thanks

How about an image upload?

Let me propose a situation:

• A client (with basic almost none knowledge) needs to upload an image from her/him computer to the server. How can I develop a plugin (or anything like that) for that?

With you need some help for PHP developing, I can help you. When I have more free time, I'll fork your project and try to play around, but first I really want to know if there's something already done.

Thanks and 5 stars for your work, keep going :)

I'd like to set the focus to the wysi editor via javascript. I already saw that in issue #213 somebody found a solution to this problem. Unfortunately that didn't work for me.

I also tried triggering the focus event on various elements in the wysi editor object but I couldn't find the right one. Among them the following:

editor.composer.element.focus()
editor.fire('focus')
editor.fire('focus:textarea')
editor.fire('focus:composer')

Is there any official way of achieving that?

One function that (nearly) all WYSIWYG editors lack is simple image alignment and sizing tools. It would be really great if wysihtml5 had

a) Image resizing by dragging corners b) Image alignment

Please see here for an example of how I think it should be done: http://ghosted.it/demo

(Ghosted.it looked promising initially but the project appears to be dead)

The iframe does not seems to be optional, i've hacked quite a lot to replace it by a div.

Is it possible in a next release to make it optional?

Thank you

I just found the website here: http://xing.github.io/wysihtml5/ I selected the first word after the headline ("wysihtml5") and made it red by hovering over the toolbar and clicking the red color. There seems to be no way to turn it black again. (Ok, I can press Ctrl-Z, I can edit the HTML sourcecode, but both options feel like cheating. There should be a way to select text and make it black.)

A simple black color option in the color menu would help, but there is no black color in the menu.

I'm getting Uncaught TypeError: Cannot read property 'contentDocument' of undefined in Android native and Google Chrome browser using wysihtml5 v0.3.0

Test device details: SAMSUNG GALAXY NOTE 4 Chrome version 58.0.3029.83

It works fine on firefox.

Editor works properly and I can change heading style for any line . my issue is that I can't change header in the same line . each line only can get one heading style.

is there any solution for this issue?

Hi! I was wondering, how do you add multiple rich text editors on one page? I have the problem where if I have multiple rich text editors, the same text appears in both of the same boxes when I refresh the page, even if I typed different things. I'm trying to create a rich text editor for a text section and a caption section. Is there something I'm doing wrong in the code below?

$('iframe.wysihtml5-sandbox').contents().find('body').html(data.text.text); $('iframe.wysihtml5-sandbox').contents().find('body').html(data.media.caption);