Topic Closed

Hi,

First I must say I'm a believer! Most amazing experience so far with a CMS that doesn't try to be everything. But it does all we need, simply and straightforwardly. But...

Now my question:

is there any way to stop the massive overcompensating coding of CKEditor? I can't believe that every single line is individually coded, creating a weird disjointed text. Here is an example. This should be a paragraph, so I don't need every word to be assigned coding, that's why CSS exists:

<p>                     <span style="font-size: smaller;">With an&nbsp;i5 750&nbsp;processor, large</span></p>                 <p>                     <span style="font-size: smaller;">hard-</span><span style="font-size: smaller;">drives,&nbsp;and whisper quiet</span></p>                 <p>                     <span style="font-size: smaller;">power-supply</span> <span style="font-size: smaller;">&amp; CPU</span> <span style="font-size: smaller;">cooler, this</span></p>                 <p>                     <span style="font-size: smaller;">Digital Audio</span> <span style="font-size: smaller;">Workstation</span> <span style="font-size: smaller;">delivers&nbsp;&nbsp;&nbsp;&nbsp;</span></p>                 <p>                     <span style="font-size: smaller;">the&nbsp;</span><span style="font-size: smaller;">performance/</span><span style="font-size: smaller;">reliability</span> <span style="font-size: smaller;">for&nbsp;</span></p>                 <p>                     <span style="font-size: smaller;">Advanced</span> <span style="font-size: smaller;">Studio&nbsp;</span><span style="font-size: smaller;">applications.</span></p>

Here is how it shows now:

With an i5 750 processor, large

hard-drives, and whisper quiet

power-supply & CPU cooler, this

Digital Audio Workstation delivers    

the performance/reliability for 

Advanced Studio applications.

Is there a fix for this? Or is there a different text editor I could use to avoid this overpopulating-code-jungle-creation?

Thanks!

styzer

10 years ago#805

Charles S
448 Posts
13.7K Downloads
2 Themes
8 Plugins

All those <span> elements you have there are due to pasting non-text into CKEditor. All HTML WYSIWYG editors will do similar when pasting formatted text or formatting paragraphs. There is a paste as text button that will put the text in with just a <p> at the beginning and </p> at the end of each paragraph.

So, if I paste your text in as plain text each line is wrapped with a paragraph mark only:

<p> With an i5 750 processor, large</p> <p> hard-drives, and whisper quiet</p> <p> power-supply &amp; CPU cooler, this</p> <p> Digital Audio Workstation delivers</p> <p> the performance/reliability for</p> <p> Advanced Studio applications.</p>

CKEditor formats per paragraph like most HTML WYSIWYG editors. If you are wanting a whole section formatted differently but without having the formatting placed on a per paragraph basis then you would place that text within a div and format that div.

<div style="font-size: smaller;">
<p>
With an i5 750 processor, large</p>
<p>
hard-drives, and whisper quiet</p>
<p>
power-supply &amp; CPU cooler, this</p>
<p>
Digital Audio Workstation delivers</p>
<p>
the performance/reliability for</p>
<p>
Advanced Studio applications.&nbsp; &nbsp;</p>
</div>
 
Results in:

With an i5 750 processor, large

hard-drives, and whisper quiet

power-supply & CPU cooler, this

Digital Audio Workstation delivers

the performance/reliability for

Advanced Studio applications.   

Basically all WYSIWYG HTML editors kind of suck this way. Is there one you have worked with that does not do this? I would love to find one. Right now the only major WYSIWYG HTML editor plugins available that fit gpEasy's needs are TinyMCE and CKEditor, I believe, and they both behave in similar ways.

I hope that addressed your question.

The best way to format sections is within an element and style it via css. Example: In the HTML: <div class="smallertext"> In the CSS: .smallertext { font-size:smaller; }

Edited: 10 years ago#806

Strodtbeck, thanks !! Sorry, I was sure I replied to thank you for a quick and thorough reply! I found that if I copy/paste my text in Outlook Express, and then select Format Plain Text, it gets rid of all formatting. Then I can copy paste this where I need.

Here is what we got done so far: http://www.studiocat.com/2

Now at some point in the near future, we'll want to move the site to become the main site, i.e., get rid of the Joomla incarnation and only have gpEasy's whole cms built. Could you direct me to instructions for this?

Cheers!

styzer

Edited: 10 years ago#838

Charles S
448 Posts
13.7K Downloads
2 Themes
8 Plugins

That's a sharp looking site!

Transferring your site. . . 

Well, I've got a few gpEasy tutorials that are about getting a local install on your computer going then you can use that to just upload to your server and replace joomla. The only thing in the gpEasy wiki docs is to move servers, not exactly what you are going after.

What I did when I moved from WordPress was, create a local install of gpEasy with xampp lite. Move all pages, images, etc into that gpEasy local install. Make sure everything is the way I wanted it, use relative paths for links, uninstalled WordPress, and then uploaded my local install of gpEasy to the server--after that I just keep the local install synchronized with the server with WinSCP.  The only thing you want to check before that is if gpEasy is compatible with your server. . . looks like it is in your case.

If you build the gpEasy site on your server then you are going to have to change all the paths because you are building it in a subdirectory/sub-folder. I highly recommend going the xampp route. I have tutorials up for that and I'm redoing the gpEasy installation tutorials today.

10 years ago#839

Thanks!

Can't I just download the whole gpEasy folder, delete the index file for Joomla, install gpEasy in the root folder, and upload the gpEasy folder I've downloaded?

Since it doesn't need a database, I thought this  could work?

The Xamp route is an Everest for me... :)

10 years ago#841

Edited: 10 years ago#842

Charles S
448 Posts
13.7K Downloads
2 Themes
8 Plugins

I don't think you would have a problem with installing xampp lite. check out my gpEasy Tutorials page and look at the pictorial tutorials I've put up for installing xampp. It's very easy to install. Changing the default server directory for it is slightly more difficult but only two files are changed with a few lines of code.

 

 You can do what you suggest, however, any links you have created in gpEasy in the current sub-folder will need to be corrected - you will need to remove the /2/ from the Urls. You can use a search and replace program.

 

10 years ago#847

Thanks!

At this point, we launched the new site, as the owner is very happy with it and wanted to change the look asap. :O)

BUT I'm installing gpeasy on another site today to redo it properly, and so the migrating tutorial will be very appreciated.

regards,

styzer

10 years ago#848

Topic Closed

 

News

elFinder 2.1.50 in Upcoming Release
12/28/2019

A new release for Typesetter is in the works with a lot of improvements including the ... Read More

Typesetter 5.1
8/12/2017

Typesetter 5.1 is now available for download. 5.1 includes bug fixes, UI/UX improvements, ... Read More

More News

creisi productions

Dienstleistungen von creisi productions, Luzern (Schweiz): * Konzeption, Planung und Erstellung Ihres Internet-Auftritts * Betreuung und Aktualisierung/Pflege Ihrer Website * ...

Find out more about our Provider Spotlight

Log In

  Register