Jeditable
<span style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 19px;"> jeditable是一个jquery插件，它的优点是可以就地编辑，并且提交到服务器处理，是一个不可多得的就地编辑插件。(注： 就地编辑，也有称即时编辑？一般的流程是这样的，当用户点击网页上的文字时，该文字就会出现在一个编辑框中，用户对文字进行修改完成后点击提交按钮，新的文本将发送到服务器上，然后表单消失，显示最新编辑的文本。),你可以通过这个演示页面来亲自体验下。官网:http://www.appelsiini.net/projects/jeditable
基本的使用方法如下：
首先编辑一个 html 文件，包含这么一段：
<div class="syntaxhighlighter" style="margin-top: 1em !important; margin-right: 0px !important; margin-bottom: 1em !important; margin-left: 0px !important; width: 872px; font-size: 1em !important; background-color: #ffffff !important; padding: 0px;"><div class="cnblogs_code" style="background-color: initial !important; font-family: 'Courier New', Consolas, 'Bitstream Vera Sans Mono', Courier, monospace !important; font-size: 12px !important; border-top-left-radius: 0px 0px !important; border-top-right-radius: 0px 0px !important; border-bottom-right-radius: 0px 0px !important; border-bottom-left-radius: 0px 0px !important; background-image: none !important; float: none !important; height: auto !important; line-height: 2em !important; text-align: left !important; vertical-align: baseline !important; width: auto !important; font-weight: normal !important; font-style: normal !important; padding: 0px !important; margin: 0px !important; border: 0px !important solid #cccccc;"><div class="edit" id="div_1">Dolor</div><div class="edit_area" id="div_2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>
页:
[1]