How to Limit what is entered in editor...

Hello. I have hit a roadblock using the editor and have not found any posts here that address this issue. Can someone help or at least point me in the right direction?

I have been tasked to limit the content (text, rich text, image, etc) of what the user can enter in the editor to a specific sized area that corresponds to a specific region on a printout. How would I accomplish this and add an alert the user either while typing/inserting or before a save that the content would exceed a specified size?

Thank you!

Tue, 10/27/2009 - 19:46

dtleahy

Joined: 09/01/2009

Posts: 50

Re: How to Limit what is entered in editor...

really

ems

Templates

Tue, 10/27/2009 - 21:18

slinky

Joined: 16/09/2009

Posts: 9

Re: How to Limit what is entered in editor...

What I did to get around it, was to make a plugin for container divs that set a static height/width for the containers, and then on key/mouse/selectionchange/etc had it check the pixel values that it was wanting. For instance:

pageHeight = parseInt(container.getComputedStyle('height'));
(currNode.$.offsetTop + currNode.$.offsetHeight - rootNode.$.offsetTop) > pageHeight;

Then there are random fixes you have to do for chrome (webkit doesn't include padding in the heights, opera does, etc).

Basically though you would just be checking if the containing element exceeded a certain height/width. I'm having to iterate through the dom objects.. but for just one container, you should be able to just do a simple check.