jWysiwyg jQuery большое пространство после элементов управления и выше textarea - PullRequest
0 голосов
/ 06 января 2012

Я получаю большое пространство (около 300 пикселей) после элементов управления и до текстовой области? в Chrome, Firefox и IE9. Я попытался с jWysiwyg по умолчанию, но получить то же самое.

function($) {
$('#news').wysiwyg({
controls: {
  strikeThrough : { visible : true },
  underline     : { visible : true },
  separator00 : { visible : false },

  justifyLeft   : { visible : true },
  justifyCenter : { visible : true },
  justifyRight  : { visible : true },
  justifyFull   : { visible : true },

  separator01 : { visible : true },

  indent  : { visible : true },
  outdent : { visible : true },

  separator02 : { visible : true },

  subscript   : { visible : true },
  superscript : { visible : true },

  separator03 : { visible : true },

  undo : { visible : true },
  redo : { visible : true },

  separator04 : { visible : true },

  insertOrderedList    : { visible : true },
  insertUnorderedList  : { visible : true },
  insertHorizontalRule : { visible : true },

  separator07 : { visible : true },

  cut   : { visible : true },
  copy  : { visible : true },
  paste : { visible : true }
},css : "ttwcadm.css" 
}); 
})(jQuery);

И мой HTML

<form method="post" id="newsform" action="index.php?page=6">
    <textarea id="news" name="news">
        <?php include($newsfile); ?>
    </textarea>
</form>

Любые идеи будут с благодарностью ...

Ответы [ 2 ]

1 голос
/ 22 марта 2012

Это связано с вашим стилем CSS; плавающие элементы и тому подобное. После инициализации jWysiwyg для текстовой области также добавьте следующую строку кода:

$('div.wysiwyg div').removeAttr('style');

Это потому, что после панели инструментов есть div с тегом стиля «clear: both;». Приведенный выше код удаляет тег стиля и устраняет проблему.

0 голосов
/ 08 января 2012

Эта проблема была вызвана плавающим элементом слева от текстовой области.Пространство было высотой всплывающего элемента!Обходной путь должен был плавать div, содержащий textarea.Надеюсь, это поможет

...