TYPO3 Core

With what version of htmlArea RTE and with what skin?

I cannot reproduce this problem.

Please make sure to clear the browser cache after installing the latest version.

I am with the latest version of rtehtmlarea 0.7.0, with no skin.
And the browser cache is clear.

With the editor on your web site, the show border button is working fine.
Maybe it can help!!

What value do you have in Page TSConfig at RTE.default.skin ? Select the page you are editing in the page tree, and use Web->Info->Page TSConfig->RTE to find the value at RTE.default.skin.

Thsi is what I have in RTE.default.skin.
EXT:rtehtmlarea/htmlarea/skins/default/htmlarea.css

In file rtehtmlarea/htmlarea/skins/default/htmlarea-edited-content.css, replace line

.htmlarea-showtableborders, .htmlarea-showtableborders td, .htmlarea-showtableborders th {
border:1px dashed lightgrey ! important;
}

with the following:

.htmlarea-showtableborders, .htmlarea-showtableborders td, .htmlarea-showtableborders th {
border:1px dashed U+0023316ac5 ! important;
}

where U+0023 stands for the number sign.

Re-test after clearing the browser cache.

Please confirm that this corrects the problem.

I made the test after correcting the css file and clearing the cache but the button is still not working.
The table border is shown but not the cells border. Maybe I was not precise enough when I discribe my probem. And because the button is not working, I can't edit my cells easily.

Please try the following.
1. Open a new, empty content element.
2. Insert a table.
3. Press the Toggle borders button.
4. Look at the source html.
5. Is there a class attribute on the table tag?
6. If not, is there a JavaScript error on the JavaScript console?

Here is what I got.
And no javascript error.

<table class="htmlarea-showtableborders" style="border-style: solid; border-width: 1px; width: 100%;" cellpadding="1" cellspacing="1"><tbody><tr><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></tbody></table>

Hence, the htmlarea-showtableborders css class is assigned, which means that theToggle borders button does work. However, for some reason, it appears that css file rtehtmlarea/htmlarea/skins/default/htmlarea-edited-content.css is not loaded.

With the version 0.5.3, the button work just fine. So I doubt that it's my installation that cause problems.

It's something that have been change since that version.
Is there something in my tsconfig or elsewhere that should have been modified or is there a extension that have to be there and is not?

If you can give me some clue it will be really helpful.

I also try to put the class definition of .htmlarea-showtableborders in the file htmlarea/skins/default/htmlarea.css, and change the background color to be shure that the file is read and it is. But the style is'nt apply.

thanks for your help

Have a look at the html source of the TYPO3 backend frame in which the editor is loaded. Search for the string _editor_edited_content_CSS. Is there something wrong with the path assigned to this variable?

In fact , the path of htmlarea-edited-content.css is wrong. Here what I have.
<link rel="alternate stylesheet" type="text/css" href="/freesite/typo3conf/ext/rtehtmlarea/htmlarea/plugins/DynamicCSS/dynamiccss.css" />

<link rel="alternate stylesheet" type="text/css" href="http://www.cegep-ste-foy.qc.ca/freesite/freesite/typo3conf/ext/rtehtmlarea/htmlarea/skins/default/htmlarea-edited-content.css&quot; />

<link rel="stylesheet" type="text/css" href="/freesite/typo3conf/ext/rtehtmlarea/htmlarea/skins/default/htmlarea.css" />

AND it should be
<link rel="alternate stylesheet" type="text/css" href="http://www.cegep-ste-foy.qc.ca/freesite/typo3conf/ext/rtehtmlarea/htmlarea/skins/default/htmlarea-edited-content.css&quot; />

There's a freesite the shouldn't be there.

Hope that's help

Corrected in version 0.7.2.