WEBYEP - Rich text TINYMCE

Freeway
1

I’m just messing about with webyep 3.1 & all its goodies…

But despite readign through the manual several times ,& reading multiple posts, i’m still left scratching my head!

I creata a CSS style sheet containing all my style’s I wish the client to have (max 5 to stop them fiddling etc).

Lets take one of these styles - BODY (bodytext)

Tag: p
Name: BODY

font: Helvetica
graphic font: Helvetica
size: 12
colour: black

align: left

Simple style!

Ok, when I upload my files to the server, log in to my webyep page, then select the rich text I wish to style. All fine at this point. I then enter my text then select BODY from the styles dropdown. The format dropdown is still set to paragraph…

It styles it how I have defined above, but the font looks nothing like the font, larger, not helvetica… etc

Why is this?

The only way I can get it close is to then select thc ‘AA’ button ‘edit the CSS style’ button within the rich text TINYmce editer & set it to the style once again! Select update & apply… then it’s practically there?!! Or there abouts!!

I hate being not 100% when I do something, so to let a potential client do this seems too much/too risky, or is this the case when styling this much? I>E needs to be simpler??

Don’t get me wrong, Max has done a fine job here & the manual is good also, but video tutorials Dan used to do were are will always be the ‘killer’ teaching tool!

Any help on this much covered subject would be great & thus another reason to push the new action forge (hopefully with detailed video tutorials) on key, common grey areas with the FW community! There seesm to be several threads about the same subject, this way there is alaways one resource each of these OLD threads can then link to… or just find direct on the new AF site!!!

Many thanks

Worm

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

On 19 Jun 2012, at 12:58, Mr worm wrote:

Lets take one of these styles - BODY (bodytext)

Tag: p
Name: BODY

I know nothing of WebYep, but it seems immediately wrong to have the tag ‘p’ with a name. The tag is p, with no name, and will be automatically applied, I’d think.

best wishes,

Paul Bradforth

Holiday in wonderful Cornwall:
http://www.stoneybeckcottage.co.uk

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

Supporting the Freeway Pro community is tough… getting support from the
Freeway community is also tough. I think it would be a dream job to spend
each day finding ways to teach Freeway Pro users to build better websites –
just like Dan. But a guy needs to eat on occasion and have a place to sleep
at night… something I don’t think the community (or industry) can actually
afford.

I think one solution would be to create an online university, a Freeway
University where people can contribute articles which cover the things we
talk about here, but in depth and with richer media. That’s not to say it
should replace existing or future fan blogs, but could become a hub for
those people to share some of the type of content being asked for.

–
Ernie Simpson

On Tue, Jun 19, 2012 at 7:58 AM, Mr worm email@hidden wrote:

Don’t get me wrong, Max has done a fine job here & the manual is good
also, but video tutorials Dan used to do were are will always be the
‘killer’ teaching tool!

Any help on this much covered subject would be great & thus another reason
to push the new action forge (hopefully with detailed video tutorials) on
key, common grey areas with the FW community! There seems to be several
threads about the same subject, this way there is alaways one resource each
of these OLD threads can then link to… or just find direct on the new AF
site?!!!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

I think one solution would be to create an online university, a Freeway
University where people can contribute articles which cover the things we
talk about here, but in depth and with richer media. That’s not to say it
should replace existing or future fan blogs, but could become a hub for
those people to share some of the type of content being asked for.

Ernie Simpson

Amen!

I think such a resource could command 10 fold what the average FW community member pledges for a “one time only fee” enabling unlimited downloads, or individually priced as Dan J did…

I understand “a guy needs to eat on occasion and have a place to sleep at night…”

But I must have purchased several of Dan’s Screencasts, & a one time fee/annual fee I feel would be something people may warm too, or a least see value for money! An alternative way to an upfront pledge???

If Dan did it, Im sure FW can do it… It may have been his dimise in the end, too much work not enough play… but looking into this more I think Dan as reflected in his work & Screencasts was destined for greater heights & is echoed by constant reminders of he came, he taught, we learned! I wish him every success…

Worm

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

Perhaps Max can clear this issue up when he has a few minutes please. Or anyone adpt in Webyep & it’s constraints…

Regards

Worm

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

If you have any Action-related articles you’d like to contribute, anyone can publish articles on ActionsForge, or start a Wiki page to collaborate on an article. http://actionsforge.com/articles And while you’re there, please pledge: time is running out! http://actionsforge.com/next

Walter

On Jun 19, 2012, at 9:05 AM, Ernie Simpson wrote:

Supporting the Freeway Pro community is tough… getting support from the
Freeway community is also tough. I think it would be a dream job to spend
each day finding ways to teach Freeway Pro users to build better websites –
just like Dan. But a guy needs to eat on occasion and have a place to sleep
at night… something I don’t think the community (or industry) can actually
afford.

I think one solution would be to create an online university, a Freeway
University where people can contribute articles which cover the things we
talk about here, but in depth and with richer media. That’s not to say it
should replace existing or future fan blogs, but could become a hub for
those people to share some of the type of content being asked for.

–
Ernie Simpson

On Tue, Jun 19, 2012 at 7:58 AM, Mr worm email@hidden wrote:

Don’t get me wrong, Max has done a fine job here & the manual is good
also, but video tutorials Dan used to do were are will always be the
‘killer’ teaching tool!

Any help on this much covered subject would be great & thus another reason
to push the new action forge (hopefully with detailed video tutorials) on
key, common grey areas with the FW community! There seems to be several
threads about the same subject, this way there is alaways one resource each
of these OLD threads can then link to… or just find direct on the new AF
site?!!!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Hi ok I will try to clear this up :o)
first off if you want TinyMce /richtext editor to have its own style sheet then it needs to be created and then once its created you have to point the webyep action to it
These are the 4 most common faults I have seen which stops the style sheet working:

  1. style sheet not created at all or the standard freeway generated style sheet is referenced.
  2. style sheet is created but it is not referenced within the WY-Richtext action palette
  3. Wrong file extension… almost always left as .html and not .css
  4. incorrectly written style.

So coming back to your example…
You need to make sure you have created a style sheet that is going to be uploaded and for that style sheet to contain only the styles the client is going to need and finally for the style sheet to be referenced within the webyep rich text

The next thing you need to understand is Tiny MCE gives you two drop-downs

  1. is the format drop down which contains the p tag and all the h tag style
  2. and the other is the styles drop down where you can class styles

So for your example your p tag style would need to be written like this:

p {
font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
color: #000;
text-align: left;
}

That would mean any text within a

tag would use that style automatically

The other tags that are automaticaly included within the tinyMCE Format drop down should also be styled. So you could do some thing like this as a starting point for your h tags

p {
font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
font-size: 12px;
color: #000;
text-align: left;
}

h1 {
font-weight: bold;
font-size: 22px;
}

h2 {
font-weight: bold;
font-size: 18px;
}

h3 {
font-weight: normal;
font-size: 16px;
}

h4 {
font-weight: normal;
font-size: 14px;
}

h5 {
font-weight: normal;
font-size: 12px;
}

h6 {
font-weight: normal;
font-size: 10px;
}

and now finally a few class styles which will allow the client to colour some text and these styles can be referenced within the styles drop down

.red {
color: #f00;
}

.blue {
color: #00f;
}

.grey {
color: #555;
}

now if everything is written correctly and the style sheet is referenced correctly you should now have a bespoke style sheet that has a set of styled htags and p tag pules 3 styles within the Styles drop down which the client can use

The last peace in the jigsaw is what happens if you can’t write css… then
you have a few choices

  1. look at the css within the published files freeway produces and copy the styles from that
  2. use an application like simplecss Simple CSS Download | HostM or cssEdit although thats been wrapped up into espresso http://macrabbit.com/

I hope that helps but if not I will be upload an example of what I have written above, for people to download from my site tomorrow.

All the best max

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

Max, thank you so much. This does clear it up, but I feel the manual that 99% of FW users have followed needs a little fleshing out… Hope you don’t take this worng Max, what you have done is amazing!!! But including the small snippet above could make all the difference in common issue’s within the ‘rich text’ & TINYmce editor.

“I hope that helps but if not I will be upload an example of what I have written above, for people to download from my site tomorrow.”

If you could do this Max that would not only help myself, but everyone on here I feel. Thank you once again for your time, PATIENCE, & commitment! Webyep is a great product & you have done an epic job over the years in the support & development if this within the FW community! Very well done Max!

Worm

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

As promised a freeway example

http://www.max-izzat.co.uk/examples/richtext-example.zip

please note this has been created in freeway pro 5.6

cheers max

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

10

Thank you Max! Tinkered most of the day & can safely say I’ve cracked it. Whoop!!!

Worm

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options