solved creating a table in a blog post

Strumelia
Strumelia
@strumelia
9 years ago
3,602 posts
Im on Ningja
I have the text editor box when creating a blog post. Can someone suggest the way of adding content in a table, like images two columns and 4 rows? I tried creating a table with jpgs in Word and pasting it into the 'code' view, but it didn't translate, not sure if that's the wrong way, or if a table layout is even possible in a blog post? Thanks for any tips or info.


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

updated by @strumelia: 05/27/15 10:11:51AM
paul
@paul
9 years ago
4,325 posts
I've just created a blog with a table ok using the TinyMce table tool (the grid icon top right(ish)).
Have you tried that?


--
Paul Asher - JR Developer and System Import Specialist
michael
@michael
9 years ago
7,694 posts
Don't think the table tool is turned on by default Paul.

To turn it on, you can edit:
ACP -> SYSTEM CORE -> TEMPLATES -> form_editor.tpl -> MODIFY

find this part down the bottom:
   image_advtab: true,
    plugins: "contextmenu,pagebreak,{if $jrsmiley}jrsmiley,{/if}{if $jrembed}jrembed,media{/if},image,autoresize,{if $table}table,{/if}link,code,fullscreen,textcolor,colorpicker,preview",
    toolbar1: "formatselect | fontselect forecolor {if $strong} bold{/if}{if $em} italic{/if}{if $span} underline{/if} | {if $span || $div} alignleft{/if}{if $span || $div} aligncenter{/if}{if $span || $div} alignright{/if}{if $span || $div} alignjustify |{/if}{if $ul && $li} bullist numlist |{/if}{if $div} outdent indent |{/if} undo redo | link unlink anchor pagebreak{if $table} table{/if} | {if $hr} hr{/if}{if $sub && $sup} | sub sup {/if} | code preview fullscreen{if $jrembed || $jrsmiley} |{/if}{if $jrembed} jrembed{/if}{if $jrsmiley} jrsmiley{/if}",
    contextmenu: "link image | cut copy paste"
});

add the table plugin if its not already there:
 plugins: "contextmenu,pagebreak,
to
 plugins: "table,contextmenu,pagebreak,

and the same for the toolbar line, so it should look like this when your finished:
    plugins: "table,contextmenu,pagebreak,{if $jrsmiley}jrsmiley,{/if}{if $jrembed}jrembed,media{/if},image,autoresize,{if $table}table,{/if}link,code,fullscreen,textcolor,colorpicker,preview",
    toolbar1: "table formatselect | fontselect forecolor {if $strong} bold{/if}{if $em} italic{/if}{if $span} underline{/if} | {if $span || $div} alignleft{/if}{if $span || $div} aligncenter{/if}{if $span || $div} alignright{/if}{if $span || $div} alignjustify |{/if}{if $ul && $li} bullist numlist |{/if}{if $div} outdent indent |{/if} undo redo | link unlink anchor pagebreak{if $table} table{/if} | {if $hr} hr{/if}{if $sub && $sup} | sub sup {/if} | code preview fullscreen{if $jrembed || $jrsmiley} |{/if}{if $jrembed} jrembed{/if}{if $jrsmiley} jrsmiley{/if}",
    contextmenu: "link image | cut copy paste"
});

save that and activate the over-ride and reset the caches and you will have the button.

Your users will only be able to use the button if you have allowed table,tr,td in their quota.

--edit--
Bit hard to see in the code, here's a screenshot of the template editor.
updated by @michael: 04/25/15 12:43:31AM
michael
@michael
9 years ago
7,694 posts
For a full list of the available plugins for the TinyMCE editor, here are the officially supported ones:
http://www.tinymce.com/wiki.php/Plugins
Strumelia
Strumelia
@strumelia
9 years ago
3,602 posts
Yeah there's no 'table grid' in the text editor yet for me- I will try that tonight when I get home. Thanks so much for explaining so clearly, too- looks like I can do that!


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
brian
@brian
9 years ago
10,139 posts
There is no need to modify any templates - all you need to do is make sure that:

table,tbody,th,tr,td

are added to your Allowed HTML tags in your Quota config and the table button will show.


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
Strumelia
Strumelia
@strumelia
9 years ago
3,602 posts
I did it- and made a great table in my blog post...thank you! :)

However, now I am getting a bunch of the following errors...what to do now?:
error.jpg
error.jpg  •  209KB




--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

updated by @strumelia: 04/25/15 08:43:06AM
Strumelia
Strumelia
@strumelia
9 years ago
3,602 posts
Oops...ok Brian. Let me see see if I can put the template back to where it was, and tweak the allowed html tags...and I;ll see if the thing works and errors disappear... brb.



Ok- I put the template back as it was, and put in the allowed html, and did full integrity check... so far so good.... ;D

So happy to see the options of buttons available to me in my text editors too- thank you for that link as well. I LOVE that I can now put a table into my main page blog content boxes that I use as 'info modules'. I didn't realize these options were avialable fo rme to add to my text editor, customized to various quotas of my choosing. This is AWESOME. :D



--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015

updated by @strumelia: 04/25/15 08:57:18AM
paul
@paul
9 years ago
4,325 posts
I was using a freshly created instance of JR on our hosting and the table tool where already there in the editor.


--
Paul Asher - JR Developer and System Import Specialist
Strumelia
Strumelia
@strumelia
9 years ago
3,602 posts
Paul you're so ...'special'. lol


Looks like errors are gone, my blog table looks great, all is well in dulcimerland... ;)


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015
brian
@brian
9 years ago
10,139 posts
paul:
I was using a freshly created instance of JR on our hosting and the table tool where already there in the editor.

Yeah in a recent core I added the table tags in by default so it would be more usable "out of the box".


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
Strumelia
Strumelia
@strumelia
9 years ago
3,602 posts
I see you've now updated that in the Core update. (and I just went in to remove tables from my member quota allowed html...along with H1, and H2...like they 'need' to be screaming about themselves in six foot tall billboards....not. ;D

Hey Brian- I see something about 'ignore white space in compare'....is that fixing the issue where when comparing templates the different 'tab' spaces change and then get seen as code changes in the templates- marking entire sections of the compare code as changed code?
If that fixes that...then YAY, that's been a real headache for me when trying to pull Ningja changes into my custom skin. Thank you!


--
...just another satisfied Jamroom customer.
Migrated from Ning to Jamroom June 2015