search

vikkievignesh / whizzywig

Automatically exported from code.google.com/p/whizzywig
MIT License
0 stars 0 forks source link

<div> with display:none not visible/editable in wysiwyg mode #2

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?

1. Create a file with multiple <div> tags

2. Set one tag to <div style="display: block">

3. Set the remaining tags to <div style="display: none">

4. Load the file into whizzywig

----------------------------------------

What is the expected output? What do you see instead?

Expected behavior is understandable as it currently happens. The display:block 
div is shown in the edit area; the remainder are not shown. This is the state 
proscribed by the div tags.

It is not, however, useful for editing.

The data is, however, all present. If whizzywig is toggled to show html mode, 
then all of the file is there an can be edited. All data saves properly and can 
be reloaded. It is only the rich text mode display mode that is affected.

----------------------------------------

What version of the product are you using? On what operating system?

whizzywig 61
chrome 7.0.517.41
vista sp2

----------------------------------------

Please provide any additional information below.

Recommendation: Either scan all objects and convert any "hidden" elements to 
visible, or scan only div tags (probably more common to be display:none), or 
provide a button or config option to force the behavior (that is, unhide all.)

Original issue reported on code.google.com by grimblef...@gmail.com on 16 Oct 2010 at 10:10

GoogleCodeExporter commented 8 years ago 
The Whizzywig iframe is intended behave like any other window in terms of 
obeying CSS rules. Extending Whizzywig to manipulate individual styles on 
individual elements would certainly be very powerful but is not in keeping with 
the design aim of keeping the code small and the interface simple.

Suggested circumvention is to use CSS classes, rather than inline styles, to 
mark elements which are to be hidden, then in the stylesheet assigned with the 
"cssFile" variable, set the class to be always visible in the editor.

Original comment by unve...@gmail.com on 9 Nov 2010 at 12:34