UCH群构成果增进编辑器（html+js详解）

群构成果发帖时辰增进编辑器，着实并不是很伟大，只不外我们要领略，为什么要这样修改代码。

*也许有些听不懂，不外不会影响修改，多学点对象老是好的吧？

起首，我们理会一下blog的编辑器。

看模板文件夹下cp_blog.htm内里的这段代码：

代码:

<div class="cnblogs_code" onclick="cnblogs_code_show('837d6287-75d2-4500-93ca-2b1403839b88')">
<img class="code_img_closed" id="code_img_closed_837d6287-75d2-4500-93ca-2b1403839b88" style="display: none" alt="" src="https://www.52php.cn/res/2019/02-07/12/1c53668bcee393edac0d7b3b3daff1ae.gif"&gt;<img class="code_img_opened" id="code_img_opened_837d6287-75d2-4500-93ca-2b1403839b88" onclick="cnblogs_code_hide('837d6287-75d2-4500-93ca-2b1403839b88',event)" src="https://www.52php.cn/res/2019/02-07/12/405b18b4b6584ae338e0f6ecaf736533.gif"&gt;<span class="cnblogs_code_collapse">代码
<div id="cnblogs_code_open_837d6287-75d2-4500-93ca-2b1403839b88">

这就是编辑器的较量焦点的部门，用一个潜匿的textarea来提交信息，用js提取框架iframe内里的编辑内容，而iframe内里的部门是编辑器页面。

display:none 暗示用css潜匿了textarea，看不到可是提交信息是可以发出去的。

我们会发明，textarea的iduchome-ttHtmlEditor和iframe内里的name和id都很像，对，这两个能归并在一路就是用这个挂钩的，虽然，还要借助于js实现。

第二步，再看提交的时辰，触发了什么，请看这两段代码，照旧谁人文件。

代码:

<div class="cnblogs_code">

代码:

<div class="cnblogs_code">

假如适才当真听课的同窗都发明白，“display: none”又一次行使到了潜匿。

可是提交的时辰更风趣：

下面的按钮触发的是上面按钮的举措，怎么做到的呢？

代码:

<div class="cnblogs_code">

这行代码暗示在点击的时辰，触发一个js变乱：document.getElementById(’blogbutton’).click();

而这个变乱的js现实上就是点击第一个按钮的举措，等同于触发了第一个按钮的：

代码:

<div class="cnblogs_code">

这个部门，那么我们就找到了提交的时辰，必然会包括处理赏罚编辑器的js函数：validate

搜刮适才谁人文件中的代码，我们很轻易找到这段：

代码:

???????