如何实现HTML页面可视化编辑

如何实现HTML页面可视化编辑,第1张

<html xmlns="

<head>

<meta http-equiv="Content-Type" content="text/html charset=gb2312" />

<title>直接双击页面元素进行修改的HTML代码</title>

<script type="text/javascript">

function ShowElement(element)

{

    var oldhtml = element.innerHTML   //获得元素之前的内容

    var newobj = document.createElement('input')   //创建一个input元素

    newobj.type = 'text'   //为newobj元素添加类型

    newobj.value=oldhtml

     

    //设置newobj失去焦点的事件

    newobj.onblur = function(){

        element.innerHTML = this.value ? this.value : oldhtml   //当触发时判断newobj的值是否为空,为空则不修改,并返回oldhtml。

        }

    element.innerHTML = ''   //设置元素内容为空

    element.appendChild(newobj)   //添加子元素

     

    newobj.focus()   //获得焦点

}

</script>

</head>

 

<body>

<dl>

  <dt>用户名</dt>

  <dd ondblclick="ShowElement(this)">这里是用户名</dd>

  <dt>个人宣言</dt>

  <dd ondblclick="ShowElement(this)">这里是个人宣言</dd>

</body>

</html>

首先建议不要用那个可视化编辑,不好用,如果实在想用的话,参考以下步骤:

1,选择菜单: windows ->preferences

2,在d出窗口中选择General->Editors ->File Associations

3,在右侧找到*.jsp,然后在下面的列表中选择:MyEclipse Visual JSP Designer

MyEclipse html可视化编辑器如何关闭:

1、打开mye的jsp文件,默认是这样子的,如图

2、找到mye的window--preferences

3、在搜索框搜索file,找到如图画圈处,双击ta

4、要修改jsp文件,就在下图中找到.jsp,点击ta

5、图示中介绍的很详细了,注意看哦

6、将非可视化 那个设置为default(默认),点击ok

7、关闭已经启动的jsp文件,重启ta,看效果

8、此处已经没有可视化编辑窗口了

9、修改html文件,与之类同。

MyEclipse(以下简称mye)中的.jsp .html的可视化编辑对很多人来说,作用不是很大,反而影响视觉和软件的启动速度。

1、打开mye的jsp文件

2、找到mye的window--preferences

3、在搜索框搜索file,双击

4、要修改jsp文件,找到.jsp,点击

5、将非可视化 那个设置为default(默认),点击ok

6、关闭已经启动的jsp文件,重启,看效果;

7、此时已经没有可视化编辑窗口了;

9、修改html文件,与之类同。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6241895.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存