Rich text editor

[Matt]

I've spent a few weeks rebuilding our CKEditor implementation for 3.4. I've rewritten large parts of our integration and I'm much happier with its implementation now.

I've rewritten the HTML > BBCODE conversion as a javascript plugin for CKEditor which reduces the complexity and number of 'moving parts'.

I'm confident that this will resolve most issues we currently have with it.

[XTF]

Great, now what about a way to disable it?

[Matt]

Why would you want to disable it?

[Rimi]

Great, now what about a way to disable it?

Your resilience is remarkable.

[Matt]

...resilience is futile.

[PSNation]

Found the solution..

add

config.forcePasteAsPlainText = true;

to /public/js/3rd_party/ckeditor/ips_config.js

No more issues with messy copypasting

Excellent. Thanks for that :)

[XTF]

Why would you want to disable it?

For eaxmple, I don't want Paste to include style, I want it to paste as plain text. Is that possible yet without editing source files?

[Matt]

Yes

[XTF]

Argh, that's not what I'm looking for. I want it to be disabled by default, for all users.

[bfarber]

The standard functionality of any RTE on the internet is that when you paste styled text into it, the styling is retained. It wouldn't be much of an RTE if it didn't do that. That is why they have special paste buttons. Even gmail behaves the same if I paste styled text into it.

[insectdude]

I've rewritten the HTML > BBCODE conversion as a javascript plugin for CKEditor which reduces the complexity and number of 'moving parts'.

I thought the rewrite was going to remove the Javascript conversion between HTML and BBCode entirely, handling everything within the editor as BBCode? This does not fill me with confidence that the problems will be resolved.

A year on, I still wish we could just have the 3.1 standard editor back as an option.

EDIT: lol, just in writing this post I've discovered another editor bug. Try writing "Javascript" then editing the post. The result is what you see above.

[Sefket]

Edit: Lol, it does ruin the post, insectdude.

[iAdi]

For the next version, could you please add the option of making a table? (Like tables in Office Word, etc.)

[msg]

I've spent a few weeks rebuilding our CKEditor implementation for 3.4. I've rewritten large parts of our integration and I'm much happier with its implementation now.

I've rewritten the HTML > BBCODE conversion as a javascript plugin for CKEditor which reduces the complexity and number of 'moving parts'.

I'm confident that this will resolve most issues we currently have with it.

Still being a junior user of IPS product, i might be off topic here, but i would like to say ....if we could use the HTML code from Adobe Dreamweaver by simply copy/paste or use the full features of CKEditor to build page content for IP content that would be just perfect. I saw few nice things relate to HTML5 that would be nice to reproduce using BBcode or full support of HTML5

I'm not a super HTML code developer, but i can find my way around using WWW3 school tips and tricks, but it seem that most of the time I need to tweak the code. Matt hope that that new HTML > BBCODE conversion will help us use the full spectrum of HTML If you have a chance please give us a demo....

[XTF]

The standard functionality of any RTE on the internet is that when you paste styled text into it, the styling is retained. It wouldn't be much of an RTE if it didn't do that. That is why they have special paste buttons. Even gmail behaves the same if I paste styled text into it.

Gmail also *does* provide a plain text editor, I've got no experience with the RTE editor. Having a Paste Without Style button is nice, but I only use buttons on my keyboard. And most of the time I don't want to paste style anyway.

[Rimi]

Gmail also *does* provide a plain text editor, I've got no experience with the RTE editor. Having a Paste Without Style button is nice, but I only use buttons on my keyboard. And most of the time I don't want to paste style anyway.

IPB has that too...its that switch in the corner.

[Christian M.]

There's a paste as plain text option in the editor...

There is also the dependancy of what broser you are using: For instance i do not know what firfox uses as plain text, but for google chrome instead of doing Ctrl+V you must do Ctrl+Shift+V. It's really handy, but I cant use google chrome since im using Widows 8 for bug reports T_T. Other than that the RTE seems fine to me if they upgraded to the latest one which IPS should do.

[msg]

Here a code example i would like to use to create a layout for a page

Raw HTML and how it should be render.


I was expecting to copy/paste as i use raw HTML for my content type.

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Untitled Document</title>

<style type="text/css">

p.small {line-height:70%;}

p.big {line-height:200%;}

</style>

</head>

<body>

<table align="center" border="0" cellpadding="0" cellspacing="0" height="323" width="1200">

<tbody>

<tr>

<td align="center" valign="top" width="184">

<table border="0" cellpadding="0" cellspacing="2" height="318" width="180">

	 <tbody>

	 <tr>

<!--Header Top Left-->	 <td bgcolor="#1482c3" height="25">&nbsp;</td>

	 </tr>

	 <tr>

	 <td align="left" height="125" valign="top">

	 <p>&nbsp;</p></td>

	 </tr>

	 <tr>

<!--Header Bottom Left-->	 <td bgcolor="#1482c3" height="25">&nbsp;

	 </td>

	 </tr>

	 <tr>

	 <td align="left" height="125" valign="top">&nbsp;

	 </td>

	 </tr>

	 </tbody>

</table>

</td>

<td align="center" bgcolor="#646464" height="319" width="2">&nbsp;

</td>

<td align="center" valign="top" width="820">

<table border="0" cellpadding="0" cellspacing="2" height="317" width="820">

	 <tbody>

	 <tr>

<!--Header content section-->	 <td bgcolor="#1482c3" height="30" width="816">&nbsp;</td>

	 </tr>

	 <tr>

<!--Content section-->	 <td align="left" height="100%" valign="top">

			 <p class="small"><span style="font-family: verdana, geneva, sans-serif; font-size: 8px"> </span>.</p>

			 <p class="small"><span style="font-family: verdana, geneva, sans-serif; font-size: 14px"></span></p></td>

	 </tr>

	 </tbody>

</table>

</td>

<td align="center" bgcolor="#646464" height="319" width="2">&nbsp;

</td>

<td align="center" valign="top" width="186">

<table border="0" cellpadding="0" cellspacing="2" height="319" width="180">

	 <tbody>

	 <tr>

<!--Header right column-->	 <td bgcolor="#1482c3" height="25" width="150">&nbsp;

	 </td>

	 </tr>

	 <tr>

<!--Content right colum-->	 <td align="left" height="100%" valign="top">&nbsp;

	 </td>

	 </tr>

	 </tbody>

</table>

</td>

</tr>

</tbody>

</table>

<!--Footer section--><table align="center" border="0" cellpadding="0" cellspacing="0" width="1200">

<tbody>

<tr>

<!--Footer section left--> <td bgcolor="#05417d" width="180">&nbsp;

</td>

<td bgcolor="#05417d" height="30" width="5">&nbsp;

</td>

<!--Footer section center--> <td bgcolor="#05417d" width="750">&nbsp;

</td>

<!--Footer Section Right--> <td bgcolor="#05417d" height="30" width="5">&nbsp;

</td>

<td bgcolor="#05417d" width="178">&nbsp;

</td>

</tr>

</tbody>

</table>

<p>&nbsp;

</p>

</body>

</html>

[tro]

guys any chance to get classic BBC code?This is bulsh**,first time i ever see engine without BBC.And i paid for a licence without knowing that

[XTF]

IPB has that too...its that switch in the corner.

I see. How do I disable it by default for all users?

[msg]

I found this while browsing the market

Not sure it is the right place to ask, but i wanted to create this kind of layout as a template for a page in the IP content




Any help will be appreciate. If someone is specialist in layout send me a PM and we can discuss.

Thank's

[GfxMan]

Please, re-enable the bbcode helper when non using the Rich Tech Editor.....

[msg]

Ok many things was mention here, in IP content using RAW HTML when i use this code, i end up with text outside the body of the page having gray background

This code was extract from http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float

My understanding is we should be able to use HTML code in that page without affecting IPB Wrapper?

<!DOCTYPE html>

<html>

<head>

<style type="text/css">

ul

{

list-style-type:none;

margin:0;

padding:0;

overflow:hidden;

}

li

{

float:left;

}

a

{

display:block;

width:60px;

background-color:#dddddd;

}

</style>

</head>

<body>

<ul>

<li><a href="#home">Home</a></li>

<li><a href="#news">News</a></li>

<li><a href="#contact">Contact</a></li>

<li><a href="#about">About</a></li>

</ul>

<p><b>Note:</b> If a !DOCTYPE is not specified, floating items can produce unexpected results.</p>

<p>A background color is added to the links to show the link area. The whole link area is clickable, not just the text.</p>

<p><b>Note:</b> overflow:hidden is added to the ul element to prevent li elements from going outside of the list.</p>

</body>

</html>

[Rimi]

If you're in the ipb wrapper then you should only copy and paste the stuff inside the body tags.

[msg]

If you're in the ipb wrapper then you should only copy and paste the stuff inside the body tags.

What about the style, any tips on how to use them?