Javascript 如何在TinyMCE中放置不可编辑的标签或Div，以便它可以随文本滚动？_Javascript_Jquery_Html_Css_Tinymce

Javascript 如何在TinyMCE中放置不可编辑的标签或Div，以便它可以随文本滚动？

javascript jquery html css tinymce

Javascript 如何在TinyMCE中放置不可编辑的标签或Div，以便它可以随文本滚动？,javascript,jquery,html,css,tinymce,Javascript,Jquery,Html,Css,Tinymce,我已经为TinyMCE编辑器的标题创建了一个标签。我希望这个标签是不可移动的，不可编辑的，并保持在最顶端，在文本区域内，以便它与滚动条流动，如果/当它出现。换句话说，当文本区域变满并且有人正在书写时，标签最终将消失，但是如果有人向上滚动，他们可以看到它换句话说，这就是我想要的：我试过几件事：将标签放在文本区域的顶部（和外部）：滚动条出现时不包括标签与#1相同，但从textarea中删除滚动条，并让textarea随着其变满而增长，并使滚动条显示在外部div上：javascript非常难

我已经为TinyMCE编辑器的标题创建了一个标签。我希望这个标签是不可移动的，不可编辑的，并保持在最顶端，在文本区域内，以便它与滚动条流动，如果/当它出现。换句话说，当文本区域变满并且有人正在书写时，标签最终将消失，但是如果有人向上滚动，他们可以看到它

换句话说，这就是我想要的：

我试过几件事：

将标签放在文本区域的顶部（和外部）：滚动条出现时不包括标签

与#1相同，但从textarea中删除滚动条，并让textarea随着其变满而增长，并使滚动条显示在外部div上：javascript非常难看，在不同的浏览器中表现不同。您在键入时无法看到文本区域的底部

我所有直接将div插入文本区域的尝试：即使您将div设置为不可编辑，用户仍可以通过多次单击backspace来擦除整个div。您可以创建javascript来检查它是否仍然存在并将其放回原处，但将光标放回其原始位置会遇到麻烦。你也会对它的填充和定位做一些奇怪的事情

将标题放置在文本区域之外，但将其放置在文本区域填充内：当文本区域已满且您想要向下滚动时，标题仍保留（不应保留）。有时div的高度可能会变大，这意味着您还必须重新调整衬垫

我觉得我已经尝试了这里的一切，不可能做到我想要的。任何帮助都将不胜感激。

诀窍是让div可以滚动。按设计，工具栏将消失，直到您将焦点放在文本上。我会让你弄明白的

<html>
<head><!-- CDN hosted by Cachefly -->
<script src="http://tinymce.cachefly.net/4.0/tinymce.min.js"></script>
<script>
  tinymce.init({selector:'div#editme', theme: 'modern', fixed_toolbar_container: 'div#tbar', inline: true});
</script>
</head>
<body>
<div id="mcewrapper">
  <div id="tbar" style="height: 60px; width: 100px;"></div>
  <div id="" style="overflow: scroll; height: 400px;">
  <h2>title</h2>
  <div id="editme" style="border:0; overflow: hidden; background: none; height: 500px;">Your content here.</div>
  </div>
</div>
</body>
</html>


init（{选择器：'div#editme'，主题：'modern'，固定工具栏容器：'div#tbar'，内联：true}）；
标题
你的内容在这里。