Responsive site content, letting user enter content in WYSIWYG

Eagle Y asked on October 26, 2014 21:52


I was wondering how other take care of users (Content admins) entering content into a responsive website using content editor (wysiwyg)?

I mean, the destructive potential is there.

The only way I can think of to control this issue would be to break each piece of content into a doc type with a few fields. That way to can limit the "damage" that can be done by content editor entering disruptive html to the flow of the responsive site.

I was also thinking of adding some bootstrap classes to the content editor , like: hidden-sm etc.

This would give the editor some control over at least hiding elements.

Your thoughts on this would be most appreciated :)

Recent Answers

Brenden Kehren answered on October 27, 2014 01:36

I eliminate the use of the WYSIWYG editor. I replace the editor with document types. In the doc type, you can add elements for the responsive design (drop down lists of columns, small, medium, etc.) This allows the design to remain and still give the editor control.

0 votesVote for this answer Mark as a Correct answer

Eagle Y answered on October 27, 2014 07:07

Hi Brenden,,

Your suggestion was what I was thinking of doing. create doc type with no wysiwyg.

But do you give editor only text area? what kind of control do you give them? only font styling?

what about entering tables etc.?

I think this is something that can interest everyone.

Lets keep this thread going

0 votesVote for this answer Mark as a Correct answer

Bill Tran answered on October 31, 2014 21:11

I allow editors to enter content all the time. One trick is to add a container around the WYSIWYG, and to set any images to max-width:100%

tables are tricky, you normally have to break them away from it's normal table behaviour by converting the td's to display:block and possibly float them.

Typically, the editors will only enter text and add some images. You can't be perfect especially if the user is html savvy and can add some fancy stuff, but if you handle some problem areas that should be sufficient.

These problem areas are usually images, width's being set, and tables.

0 votesVote for this answer Mark as a Correct answer

Shmar Hill answered on November 10, 2014 18:34

Question for BRENDEN,

You say "I replace the editor with document types", which is the way I want to go but,

How do you repeat several doc types in one repeater?

Lets say I have 3 different doc types the are used on the same page.

IN the repeater configure I tired this for TRANSFORMATION: Transformation: {% ClassName %}.Item

But it does not work. It only renders the className for the page the repeater was placed on.

How do you solve this issue?

Many thanks

0 votesVote for this answer Mark as a Correct answer

Sandro Jankovic answered on December 5, 2014 13:15


There are a few options that were suggested in this post which is for an older version, but the suggestions should still be valid. Please take a look at the discussion and see if any of the options would work for you. If you have any additional questions please post them here.

Best Regards,


0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.