htmleditorpro使用方法

html-css026

htmleditorpro使用方法,第1张

1、首先在需要嵌入得位置加入以下html代码。

2、其次所有需要提交的内容都放在一个表单里面,同样利用object调用的编辑器也放在这个表单里面,同时可以设置一个隐藏的文本区域(或)用以在提交的时候临时保存html在线编辑器的数据。

3、然后点击插入图片的按钮时弹出一个上传图片的窗口,利用自己写的程序来实现上传本机图片到服务器上,需要记录图片的路径,通过html在线编辑器的值中加入显示图片的html标签。

4、在添加的时候将HTML在线编辑器来修改数据提交到数据库后还需要能将数据库的内容用HTML在线编辑器来修改数据。

1 html中插入图片使用的是<img>标签。

2 下面是在html页面中插入图片的实例,代码可以直接复制下来到浏览器上运行。代码中src是图片的路劲,运行的时候需要修改成自己的图片路劲。

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>img标签的使用</title>

</head>

<body>

<h2>Norwegian Mountain Trip</h2>

<img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228">

</body>

</html>

3 下面是代码在浏览器上的运行结果  :