How to use the text editor? It looks like WYSIWYG but does not behave that way

researchcooperative
@researchcooperative
10 years ago
694 posts
In my Ningja skin, Page making tool, (maybe other skins too?) the text editor looks like a WYSIWYG editor, with an option to look at the source code directly.

In the WYSIWYG I see the single-line spacing that I want, but when the text is saved, it gets converted to paragraph spacing on every line.

Maybe that is because I have chosen the 'paragraph' style rather than header style or preformatted style. I do not want every line to be a header in bold!

So I tried preformatted text, copy and pasted from MS word document. That worked as far as font size and style was concerned, but the lines were all spaced with paragraph spacing. How can I get the line spacing I want? And why is there no way to control font size other than using a range of header styles?

The other problem I have is that the text alignment tool doesn't seem to work. I can align a text in the WYSIWYG view, but after saving, it always reverts to hard left justified style. This also happens to inserted photos when I try to align them on a page with text.

What are the rules here? How can I use the text editor as an actual WYSIWYG editor?

Thanks



--
PJ Matthews, Kyoto
Migrated from Ning 2.0. Now at Jamroom 6 beta and using Jamroom Hosting for The Research Cooperative (researchcooperative.org)

updated by @researchcooperative: 06/28/16 07:26:41AM
SteveX
SteveX
@ultrajam
10 years ago
2,584 posts
Use shift-return to get a single break rather than a new paragraph.

Don't paste from word or powerpoint. Copy your text into a plain text editor, and then copy and paste again into the editor.


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
researchcooperative
@researchcooperative
10 years ago
694 posts
Thanks. Now I have the problem of a sticky title when editing a section of my page using the widget. When I delete the title, and try to save the result, it reappears and sticks, even when I refresh the page.

Do I have to go into ACP and clear all caches just to complete this action, or can I wait and expect the problem to resolve itself eventually?


--
PJ Matthews, Kyoto
Migrated from Ning 2.0. Now at Jamroom 6 beta and using Jamroom Hosting for The Research Cooperative (researchcooperative.org)
SteveX
SteveX
@ultrajam
10 years ago
2,584 posts
I don't really understand what you mean. Is the "widget" the tinyMCE editor?


--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
researchcooperative
@researchcooperative
10 years ago
694 posts
When we create a Jamroom page, there is a yellow edit page button at bottom left. This lets us set up a page layout, and into each section we can drag and drop a 'widget', to add content. The widget then allows us to add text or other media. It opens with one field for a title, and one field for everything else (in the default set up). It has a text editor that looks like a WYSIWYG word processing editor, with buttons for font style, bold, italics, underlining and so on.

This is the widget and its text editor that I am trying to learn how to use. I don't know if it is called a tinyMCE editor... this is a term I have seen here in Jamroom for the first time. I should check to see if it is defined in the Glossary.

Thanks


--
PJ Matthews, Kyoto
Migrated from Ning 2.0. Now at Jamroom 6 beta and using Jamroom Hosting for The Research Cooperative (researchcooperative.org)

updated by @researchcooperative: 04/01/15 09:09:16PM
michael
@michael
10 years ago
7,788 posts
researchcooperative:
In my Ningja skin, Page making tool, (maybe other skins too?) the text editor looks like a WYSIWYG editor, with an option to look at the source code directly.

In the WYSIWYG I see the single-line spacing that I want, but when the text is saved, it gets converted to paragraph spacing on every line.

Maybe that is because I have chosen the 'paragraph' style rather than header style or preformatted style. I do not want every line to be a header in bold!

So I tried preformatted text, copy and pasted from MS word document. That worked as far as font size and style was concerned, but the lines were all spaced with paragraph spacing. How can I get the line spacing I want? And why is there no way to control font size other than using a range of header styles?

The other problem I have is that the text alignment tool doesn't seem to work. I can align a text in the WYSIWYG view, but after saving, it always reverts to hard left justified style. This also happens to inserted photos when I try to align them on a page with text.

What are the rules here? How can I use the text editor as an actual WYSIWYG editor?

Thanks
The WYSIWYG editor will apply all the rules you tell it to apply then output that to the skin. If the skin has other CSS rules that IT applies these will over-ride anything that is in the WYSIWYG editor. So the skin is more powerful than the editor.

If you want to have all editor be able to do anything, then remove all the formatting for that section provided by the skin.

researchcooperative:
Thanks. Now I have the problem of a sticky title when editing a section of my page using the widget. When I delete the title, and try to save the result, it reappears and sticks, even when I refresh the page.
Delete the widget and add a new one without a title. (see that trash icon in the lower right, drag the widget there, then add a new one with the content your after.)

tinyMCE is the name of the WYSIWYG editor that is in use in the system. WYSIWYG is a generic term to describe all text editors. The one we use is this one: http://tinymce.com
researchcooperative
@researchcooperative
10 years ago
694 posts
michael:If you want to have all editor be able to do anything, then remove all the formatting for that section provided by the skin.

Is this something that can be done easily at the front end, and will it effect just the page and text box in use, or are you suggesting a site-wide override that requires code surgery in the back-end, so to speak?

Thanks (please give me the full diagnosis, even if I am likely to avoid treatment; others may benefit)


--
PJ Matthews, Kyoto
Migrated from Ning 2.0. Now at Jamroom 6 beta and using Jamroom Hosting for The Research Cooperative (researchcooperative.org)