烂泥:HTML编辑器中使用img插入图片
2012-04-06 09:54
477 查看
本文首发于: 烂泥行天下 www.lanni654321.com 首先,要说明一点,我现在使用的这个系统的网络编辑器,不支持图片的插入功能。但是,我现在要实现这个功能,因为在我的文章中要出现大量的图片。 如果不能插入图片的话,那是一件很纠结的事情,而且也会影响到整篇文章的效果。 其次,对于HTML语言我是不懂的,也没有时间去学习它了。 而我现在的目的就是要把服务器上已经上传的图片,插入到文章中。在网上差了很多的资料,说要使用img这个标签。 兄弟们,你懂的啊。咱们没有学过网页编程之类的语言,说一咱们不懂。但是网上也有这方面的相关实例,咱就比葫芦画瓢了哦。 看截图:
我在网上看了很多的解释,就是使用如下的格式: <p>月季花: <img src="/images/EDA1.jpg" /></p> 这个写的很简单,但是让我们这些门外汉,看不懂呢。其中还有的提到了HTML的相对路径和绝对路径。咱对这个是更不理解了,这个是属于专业术语。 不过有一点,我们不得不提到,那就是加入网站不在此空间上了,那么搬家后的网站文章中的图片必须能显示的。看了网上的相关解释,如果要达到这个要求的话,那要使用相对路径。 好了,我们现在已经确定要使用的格式了,那么还要确定图片的存储文件夹。我们现在假设图片存在image这个文件夹下。如果要使用相对路径的话,那么上面的格式就要进行一些相应的修改了。 <p>月季花: <img src="../images/EDA1.jpg" /></p> 可以看到,很明显的不同就是多了两个点点。呵呵,这个我们现在在编辑器中,来看看效果。
我们现在要把,上边的代码复制近来就可以了。
代码复制近来之后,再次点击“源码”进行切换,切换到普通视图下。
我们现在可以在后台看到图片了。,然后我们再看看前台的效果如何??
我们可以看到文字已经显现出来了,但是前台却没有显示出来,这个很纠结的呢。我们主要是前台看图片呢。后台不显示也是可以的,但是前台必须要显示。 其实这个很简单呢,还记得前边我们修改的那个格式吗?我们只是多加了两个点,现在我们少一个看看如何?
我们在此切换到普通视图下,可以看到图片已经不显示了
那我们在切换到前台:
可以看到现在前台已经显示图片了,呵呵,我们的目的也已经达到了。 PS:很多的高手已经不屑于,我们这种门外汉了。不过,我们只要达到自己的要求就行了。本文出自 “烂泥行天下” 博客,转载请与作者联系!
我在网上看了很多的解释,就是使用如下的格式: <p>月季花: <img src="/images/EDA1.jpg" /></p> 这个写的很简单,但是让我们这些门外汉,看不懂呢。其中还有的提到了HTML的相对路径和绝对路径。咱对这个是更不理解了,这个是属于专业术语。 不过有一点,我们不得不提到,那就是加入网站不在此空间上了,那么搬家后的网站文章中的图片必须能显示的。看了网上的相关解释,如果要达到这个要求的话,那要使用相对路径。 好了,我们现在已经确定要使用的格式了,那么还要确定图片的存储文件夹。我们现在假设图片存在image这个文件夹下。如果要使用相对路径的话,那么上面的格式就要进行一些相应的修改了。 <p>月季花: <img src="../images/EDA1.jpg" /></p> 可以看到,很明显的不同就是多了两个点点。呵呵,这个我们现在在编辑器中,来看看效果。
我们现在要把,上边的代码复制近来就可以了。
代码复制近来之后,再次点击“源码”进行切换,切换到普通视图下。
我们现在可以在后台看到图片了。,然后我们再看看前台的效果如何??
我们可以看到文字已经显现出来了,但是前台却没有显示出来,这个很纠结的呢。我们主要是前台看图片呢。后台不显示也是可以的,但是前台必须要显示。 其实这个很简单呢,还记得前边我们修改的那个格式吗?我们只是多加了两个点,现在我们少一个看看如何?
我们在此切换到普通视图下,可以看到图片已经不显示了
那我们在切换到前台:
可以看到现在前台已经显示图片了,呵呵,我们的目的也已经达到了。 PS:很多的高手已经不屑于,我们这种门外汉了。不过,我们只要达到自己的要求就行了。本文出自 “烂泥行天下” 博客,转载请与作者联系!
相关文章推荐
- 在Vue项目使用quill-editor带样式编辑器(更改插入图片和视频)
- 让FreeTextBox(一个HTML编辑器) 支持上传本地图片并插入编辑器中
- 让FreeTextBox(一个HTML编辑器) 支持上传本地图片并插入编辑器中
- 让FreeTextBox(一个HTML编辑器) 支持上传本地图片并插入编辑器中
- 使用spring mvc+localResizeIMG实现HTML5端图片压缩上传
- 向html编辑器光标所在处插入图片
- html的img中使用SVG图片做SRC在本地测试可用但是上传服务器后不能显示问题解决 标签: SVGMIME TYPE不显示服务器设置 2016-05-21 13:49 2517人阅读 评论(0)
- 使用Html在EditText中任意位置插入图片并正确显示
- 使用spring mvc+localResizeIMG实现HTML5端图片压缩上传
- 关于html中使用img标签显示图片问题
- [导入][原创]使用正则表达式找出HTML代码内所有IMG图片的SRC链接地址
- 使用Activex插件复制剪贴板中的word或excel内容到web HTML编辑器并自动上传图片或文件
- Html中<img src=""/>图片路径的使用方式
- 让FreeTextBox(一个HTML编辑器) 支持上传本地图片并插入编辑器中
- 使用Markdown编辑器插入图片只显示连接的解决方法
- HTML:使用绝对路径插入图片后在浏览器中无法显示的问题
- 在html 使用img 和 在css中使用 background 的区别(Data URL和图片的区别)
- springmvc中使用qrgen(QRCode)生成二维码图片并显示在前台html img标签中
- HTML:认识<img>标签,为网页插入图片
- 基于Metronic的Bootstrap开发框架经验总结(17)-- 使用 summernote插件实现HTML文档的编辑和图片插入操作