Joomla Templates Club 406,261 posts

[okulo Friend okuloJoin date: September 2009Posts: 37Downloads:0Uploads:2]

#143911

Hi,

I was wondering if anybody could recommend a text editor which works well with Teline II (or III), please?

The editor I am currently using, JCE 154, really makes a mess of formatting text. Even when I paste as plain text every article has different styling and it is very difficult to get a consistent look.

The editor which comes with Joomla 1.5 (TinyMCE 2.0) was incapable of putting a margin around a photo as is so I had to find something else.

JoomlaFCK just doesn’t work at all!

It’s becoming a bit tiresome to keep going back to edit articles because they look untidy and I’d like to be able to rely on an editor which other people who aren’t as technical as me (not that I am that technical) can use without me having to clean up the formatting.

Any suggestions, please?

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#316311

okulo,

That’s odd. I had problems with the default editor when I upgraded to Joomla 1.5.12 (same issues up tp current v1.5.14). JCE 154. It solved the problem.

Can you show an example of an article where this happens? Also, please show the corresponding image code

<img class="" src="" width="" height="" align="" title="" description="">

as well as the CSS for all images. I changed the CSS for the images.

Cornelio

[okulo Friend okuloJoin date: September 2009Posts: 37Downloads:0Uploads:2]

#316314

Hi,

Thanks for the reply.

I’m not sure which issue you are trying to address, the text formatting in JCE 154 or the image margin problem in TinyMCE 2.0 – as you ask for the image code.

However, since posting I found the option to use <br> tags instead of <p> tags. I’m going to try this out for a while and see how it works.

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#316318

<em>@okulo 143259 wrote:</em><blockquote>Hi,

Thanks for the reply.

I’m not sure which issue you are trying to address, the text formatting in JCE 154 or the image margin problem in TinyMCE 2.0 – as you ask for the image code.

However, since posting I found the option to use <br> tags instead of <p> tags. I’m going to try this out for a while and see how it works.</blockquote>

okulo,

Everything will be speculation if members do not have a chance to view an actual image or see your website to have an idea of the problem.

The JCE worked for me. The JCE specifications may matter.

My feeling is that it might be the CSS for your images as well as the way it has been speciified.

The
<p> and <br />
may alleviate top and bottom spacing Adding
<p> image </p>
will provide the top and bottom spacing. Similarly,
<br /><br /> image <br /><br />
may improve the top and bottom spacing. On the other hand, you may get a different effect altogether depending where your ng where text are relative to the image.

But neither
<p> nor <br />
will address the spacing on the left and right of the image, if there is any problem there. This can be solved only via modifications in the CSS, and including that CSS tag in defining your image.

That is why I wanted to see an image in an article where you encountered this problem, as well as how you defined the image itself (i.e., the html code of the image).

Good luck

Cornelio

[okulo Friend okuloJoin date: September 2009Posts: 37Downloads:0Uploads:2]

#316319

Hi,

Thanks again.

I’m just about to go to bed but I’m still not sure which of my problems you are addressing here.

As I said in my original post, the editor I am currently using is JCE 154.

If it’s the image problem you are addressing, I DON’T have it when I’m using JCE 154.

If it’s the text problem which I DO have with JCE 154 – why do you need code which includes images?

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#316322

okulo,

Just forget my posts.:) Maybe others are more familiar with s issue and suggest the editor you need.

Cornelio

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#316334

Hi okulo, you say you are pasting the text in. Where are you pasting from? Not MS Word I hope. Word adds a load of unnecessary HTML that can mess up pages.

When you say ‘text editor’ do you mean WYSIWYG editor for editing text as it would appear on your site or do you mean code editor for editing the HTML? If it’s a WYSIWYG (What You See Is What You Get) editor then JCE is your best option. In it’s configuration you can set it to display the text in the editor using the actual template CSS. See their website for instructions. In JCE you can click the (Show/Hide) button to edit the HTML directly or you can click the Advanced Editor button (Icon with <> in red) to display the HTML with syntax highlighting.

Margins can be easily added in Tiny or JCE but note in the new version of Tiny (Joomla1.5.14) you will need to open Tiny in the Plugin Manager and set to ‘Extended’ to see all icons.

[okulo Friend okuloJoin date: September 2009Posts: 37Downloads:0Uploads:2]

#316392

Hi,

Thanks for the reply.

It seems that I am unable to clarify that I am using JCE and that in doing so I don’t have any problems with setting margins. When using JCE the problem I have is with text formatting.

OK, well, I’m certainly not using MS Word, I don’t have it on my computer – a Mac if it makes much difference.

Yes, to reiterate, as I mentioned in my original post, it is JCE that I am using to edit articles – definitely not touching code if I can avoid it.

I have been delving into this as deeply as I dare and I discovered an option to choose between paragraphs and line breaks in the JCE Control Panel. I am not fussy which I use so long as the output is consistent but unfortunately it isn’t.

I currently just converted all my test articles to use paragraphs but several articles still insert line breaks. Consequently the line spacing on some articles is different to others. For some reason, even new articles are formatted with line breaks instead of paragraphs even though the preference in the JCE control panel was set to and remains at paragraphs.

I have pasted in plain text, I have a little utility called Plain Text which clears all the formatting from whatever is in the clipboard.

Unfortunately for me, I’m a bit of a perfectionist when it comes to layout and this is really doing my head in.

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#316396

Hi Okulo,

I just wrote to JCE about my problems which could be simler. Mine is with inserting images and having the text wrap around the image when using a “caption” on my images. Right now I’m stuck because after upgrading to J 1.5.14 the default editor (TinyMCE) was missing all the Tools in the Tool bar area so I had installed JCE Editor and love it ,however I can’t get a caption ( label ) for my images without scewing up the text that wraps around the side of the image! :confused:

See my screenshots attached. Hopefully they find the problem soon or someone knows what causes this as it’s real annoying! Do you have this problem as well when using a caption?

---

Attachments:

1. 
2. 
3. 

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#316397

@okulo: can you give an example of what you mean by ‘messed up’? There are several HTML tags that could be causing your problems and I need to know which you are using to be able to help. A live url would be best. You can PM this to me if you wish to keep it private.

@sbaldwin: The caption class in Joomla is much more than a CSS class. It is a infact a plugin. To use it correct your image must be formatted like so…

<img align=”left” class=”caption” title=”Sample image” alt=”Sample image” src=”/images/demo.jpg”/>

However…. JCE would format this image like…

<img style=float: left;” class=”caption” title=”Sample image” alt=”Sample image” src=”/images/demo.jpg”/>

So to correct this when using JCE you must manually enter align= and not have the style= for the plugin to correctly work.

In Joomla 1.5.14 you must go to the plugin manager and open TinyMCE and set it to ‘Extended’ to show all icons in the editor.

[okulo Friend okuloJoin date: September 2009Posts: 37Downloads:0Uploads:2]

#316400

Hi Scotty,

My site is offline at the moment.

Maybe I exaggerate when I say messed up but what I mean is that some articles have ‘carriage returns’ as line breaks and some as paragraphs – effectively some have a clear line space between paragraphs and some about half a line space.

I could paste the code in my post but I can see what the difference is between a <p> tag and a <br> tag. My question is simply how can I make all articles consistent.

Actually, another way in which the text is ‘messed up’ but only in the text editing window is that the text is constantly changing size. I keep having to select all and reset the size to 10pt.

It would be such a relief if I could find a way to set the paragraph formatting to a fixed/default way and the text font/size likewise.

Anyway, if it helps, this is what the code looks like for an example article with line breaks:

<p><span style="font-size: 10px; "><span style="font-size: 10px; "> </span></span></p>
<div><span style="font-size: 12px; "><img style="float: left; margin-right: 10px; margin-bottom: 5px;" src="images/stories/world/madmax.jpg" alt="Mad Max" width="300" height="200" /><span class="contentpane"><span class="contentpane">Curabitur convallis laoreet wisi pretium ante orci euismod tincidunt tortor Pellentesque. Volutpat habitasse sed adipiscing Sed elit eros sit Sed gravida Vivamus. Nullam et nascetur vel cursus justo accumsan at Nullam elit nunc. Porttitor ipsum dolor fermentum Vestibulum a tempus tempor magna Duis eget. Id eu hac dui et mus neque laoreet porttitor et magna. Proin libero nibh tempus Vivamus porta nibh elit.</span></span></span></div>
<div><span style="font-size: 12px; "><span style="font-size: 10pt;"><span class="contentpane"><span class="contentpane"><span class="contentpane">Curabitur convallis laoreet wisi pretium ante orci euismod tincidunt tortor Pellentesque. Volutpat habitasse sed adipiscing Sed elit eros sit Sed gravida Vivamus. Nullam et nascetur vel cursus justo accumsan at Nullam elit nunc. Porttitor ipsum dolor fermentum Vestibulum a tempus tempor magna Duis eget. Id eu hac dui et mus neque laoreet porttitor et magna. Proin libero nibh tempus Vivamus porta nibh elit.</span></span></span></span></span></div>
<div><span style="font-size: 12px; "><span style="font-size: 10pt;"><span class="contentpane"><span class="contentpane"><span class="contentpane"><span class="contentpane"><span class="contentpane">"</span></span><span class="contentpane"><span class="contentpane">Curabitur convallis laoreet wisi pretium ante orci euismod tincidunt tortor Pellentesque. Volutpat habitasse sed adipiscing Sed elit eros sit Sed gravida Vivamus. Nullam et nascetur vel cursus justo accumsan at Nullam elit nunc. Porttitor ipsum dolor fermentum Vestibulum a tempus tempor magna Duis eget. Id eu hac dui et mus neque laoreet porttitor et magna. Proin libero nibh tempus Vivamus porta nibh elit.</span></span></span></span></span></span></span></div>
<div><span class="contentpane"><span class="contentpane"><br /></span></span></div>
<div><span class="contentpane"><span class="contentpane">Curabitur convallis laoreet wisi pretium ante orci euismod tincidunt tortor Pellentesque. Volutpat habitasse sed adipiscing Sed elit eros sit Sed gravida Vivamus. Nullam et nascetur vel cursus justo accumsan at Nullam elit nunc. Porttitor ipsum dolor fermentum Vestibulum a tempus tempor magna Duis eget. Id eu hac dui et mus neque laoreet porttitor et magna. Proin libero nibh tempus Vivamus porta nibh elit.</span></span></div>

And this is what the code looks like in an article with paragraphs:

<p><span style="font-size: 10pt;"><img style="float: left; margin-right: 10px; margin-bottom: 5px;" src="images/stories/world/madmax.jpg" alt="Mad Max" width="290" height="182" />A</span><span style="font-size: 10pt;"> Ut fames Duis nibh arcu pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et. Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient.</span></p>
<p><span style="font-size: 10pt;">Ut fames Duis nibh arcu pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et. Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient.</span></p>
<span style="font-size: 10pt;"> <span style="font-size: 12pt;"><span style="font-size: 10pt;"> </span><span style="font-size: 10pt;">
<hr id="system-readmore" />
</span></span></span><span style="font-size: 10pt;"> </span><span style="font-size: 10pt;"> </span>
<p><span style="font-size: 10pt;">Ut fames Duis nibh arcu pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et. Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient.</span></p>
<p><span style="font-size: 10pt;">Ut fames Duis nibh arcu pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et. Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient.</span></p>
<p><span style="font-size: 10pt;">Ut fames Duis nibh arcu pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et. Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient.</span></p>
<p><span style="font-size: 10pt;">Ut fames Duis nibh arcu pede elit nibh at risus tempus. Nulla semper ac nec sit massa In Curabitur id risus sit. Non ante gravida eros quis justo sed nonummy et Donec et. Hendrerit velit orci sagittis eu Aenean pharetra faucibus eu laoreet nunc. Tincidunt nulla a Nulla eu convallis scelerisque sociis nulla interdum et. Cursus senectus aliquet pretium at tristique hac ullamcorper adipiscing et Donec. Enim montes parturient.</span></p>

The JCE settings were not changed between creating these articles and in both instances, I pasted plain text. Why are they formatted differently?

[okulo Friend okuloJoin date: September 2009Posts: 37Downloads:0Uploads:2]

#316551

As a former helicopter radio mechanic, what I find extremely annoying is when a problem goes away on its own because then you haven’t learned anything.

This is exactly what has happened here. Suddenly, Joomla! is following the preference for <p> line breaks which I set in the JCE Control Panel.

Given that the image problem I had was in TinyMCE, I concede that this is no longer a problem – though I do think that JCE is buggy. The display often looks like it is only half cooked with:

advanced.fontdefault

advanced.font_size

advanced.style_select

advanced.block

appearing as titles of the pop-up menus at the top where it should say:

Font family

Font size

Styles

Format

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#316556

okulo;143558Suddenly, Joomla! is following the preference for <p> line breaks which I set in the JCE Control Panel.

This has nothing to do with Joomla really.

This option has to do with when you press ENTER on your keyboard when editing on JCE. When you press ENTER do you want JCE to place a <p> or a <br /> tag in the HTML?? This is what the option is asking.

Lets say you type the following in your editor in the WYSIWYG view (as apposed to the html/code view).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras condimentum nisi vel neque rhoncus fermentum. Vivamus quis nunc dolor, sit amet suscipit erat. Ut elementum risus non ligula facilisis et tincidunt metus rhoncus. Sed vitae nunc libero. Maecenas dui risus, faucibus quis ullamcorper quis, pulvinar non quam. Donec porttitor viverra augue, id viverra libero facilisis vitae.

Now lets say you have <p> selected in JCE and you had pressed ENTER between rhoncus. and Sed. Your text would look like this on your webpage…

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras condimentum nisi vel neque rhoncus fermentum. Vivamus quis nunc dolor, sit amet suscipit erat. Ut elementum risus non ligula facilisis et tincidunt metus rhoncus.

Sed vitae nunc libero. Maecenas dui risus, faucibus quis ullamcorper quis, pulvinar non quam. Donec porttitor viverra augue, id viverra libero facilisis vitae.

And the HTML would look like…
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras condimentum nisi vel neque
rhoncus fermentum. Vivamus quis nunc dolor, sit
amet suscipit erat. Ut elementum risus non ligula
facilisis et tincidunt metus rhoncus.</p>
<p> Sed vitae nunc libero. Maecenas dui risus,
faucibus quis ullamcorper quis, pulvinar non
quam. Donec porttitor viverra augue, id viverra
libero facilisis vitae.</p>Now lets say you had the <br /> (linebreak) option selected. Your text would instead look like…

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras condimentum nisi vel neque rhoncus fermentum. Vivamus quis nunc dolor, sit amet suscipit erat. Ut elementum risus non ligula facilisis et tincidunt metus rhoncus.
Sed vitae nunc libero. Maecenas dui risus, faucibus quis ullamcorper quis, pulvinar non quam. Donec porttitor viverra augue, id viverra libero facilisis vitae.

And the code…
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras condimentum nisi vel neque
rhoncus fermentum. Vivamus quis nunc dolor, sit
amet suscipit erat. Ut elementum risus non ligula
facilisis et tincidunt metus rhoncus.<br />
Sed vitae nunc libero. Maecenas dui risus,
faucibus quis ullamcorper quis, pulvinar non
quam. Donec porttitor viverra augue, id viverra
libero facilisis vitae.You see the difference? The <p> creates a ‘block’ of text with a space above and below it depending on your CSS and browser. The <br /> simply breaks the line and starts a new one immediately under without creating a new ‘block’.

Here’s a tip…. by defualt both JCE and Tiny create a <p> when clicking ENTER but if your press SHIFT+ENTER is will insert a <br /> instead. 😉

From your article above…

The JCE settings were not changed between creating these articles and in both instances, I pasted plain text. Why are they formatted differently?

Just because it looks like plain text does not mean it is. Your clipboard will often copy html and other hidden data. You can not copy text from a browser as plain text. You can not copy text from MS Word as plain text.

Here’s a test. start a new blank article and copy and paste some ‘plain text’ from what ever source you have been using. Then click on the button at the top left of the JCE editor window to see the html code view. Are there ANY html tags in it? If there are… then you are not pasting plain text and this is your problem.

To truly copy ‘plain text’ copy your text from your original source and then paste it into Notepad and then select it all and copy again. This will strip all hidden data.

1 user says Thank You to scotty for this useful post

1. joeflynn

[okulo Friend okuloJoin date: September 2009Posts: 37Downloads:0Uploads:2]

#316561

I beg to differ on both points.

Firstly, in Components > JCE Administration > Control Panel > Set Up

Under Formatting, there is the option to change Newlines from:

Linebreaks (br)

to

Paragraphs (p)

Secondly, the application I use to strip formatting out of text (Plain Clip) does just that. As I mentioned, I am on a Mac so there is no Notepad and as I also mentioned, I do not use nor have MS Word installed. I only mention this because it makes me wonder how clearly I am communicating my question.

I may be new to Joomla! and Teline II but I have experience with other forms of publishing and am quite aware of returns and shift-returns. This was not the problem because I could insert the cursor in the middle of a paragraph in one article and hit return and get a line break and do the same in another article and get a paragraph – no shift key was involved.

However, I do appreciate your efforts to be helpful.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#316568

Okulo you beg to differ regarding what?

okulo;143570 Firstly, in Components > JCE Administration > Control Panel > Set Up

Under Formatting, there is the option to change Newlines from:

Linebreaks (br)

to

Paragraphs (p)[/quote] I don’t see your point? I know there is. I explained the difference of using each in my last post.

scotty wrote:

I may be new to Joomla! and Teline II but I have experience with other forms of publishing and am quite aware of returns and shift-returns. This was not the problem because I could insert the cursor in the middle of a paragraph in one article and hit return and get a line break and do the same in another article and get a paragraph – no shift key was involved.

This is not possible with a properly working version of JCE or Tiny. When you click ENTER it will do what it has been set to do. It is in no way random.

Secondly, the application I use to strip formatting out of text (Plain Clip) does just that. As I mentioned, I am on a Mac so there is no Notepad and as I also mentioned, I do not use nor have MS Word installed. I only mention this because it makes me wonder how clearly I am communicating my question.

My reply is for the benifit of all who read it….not just you.

[Author]

Posts