如何在textarea的指定位置插入图片?

Web 开发 > JavaScript [问题点数:20分,结帖人lkicm]
等级
本版专家分:85
结帖率 95.45%
等级
本版专家分:85
等级
本版专家分:85
等级
本版专家分:167
等级
本版专家分:67372
勋章
Blank
红花 2007年8月 Web 开发大版内专家分月排行榜第一
2007年2月 Web 开发大版内专家分月排行榜第一
Blank
黄花 2006年12月 Web 开发大版内专家分月排行榜第二
2006年6月 Web 开发大版内专家分月排行榜第二
2006年5月 Web 开发大版内专家分月排行榜第二
2007年7月 Web 开发大版内专家分月排行榜第二
2007年3月 Web 开发大版内专家分月排行榜第二
Blank
蓝花 2006年7月 Web 开发大版内专家分月排行榜第三
等级
本版专家分:14045
等级
本版专家分:34658
勋章
Blank
红花 2006年7月 Web 开发大版内专家分月排行榜第一
等级
本版专家分:95
等级
本版专家分:5
等级
本版专家分:67623
勋章
Blank
红花 2006年2月 PHP大版内专家分月排行榜第一
Blank
黄花 2005年7月 PHP大版内专家分月排行榜第二
2005年6月 PHP大版内专家分月排行榜第二
2005年3月 PHP大版内专家分月排行榜第二
2004年12月 PHP大版内专家分月排行榜第二
2004年8月 PHP大版内专家分月排行榜第二
2004年3月 PHP大版内专家分月排行榜第二
Blank
蓝花 2006年1月 PHP大版内专家分月排行榜第三
2005年8月 PHP大版内专家分月排行榜第三
2005年2月 PHP大版内专家分月排行榜第三
2004年11月 PHP大版内专家分月排行榜第三
2004年7月 PHP大版内专家分月排行榜第三
等级
本版专家分:0
lkicm

等级:

textarea添加背景图片并控制定位

<style&.../*fixed是图片背景图片不移位的关键,0和87像素需要自己微调*/ width:490px;/*图片宽度*/ height:100px;/*图片高度*/ border:1px solid red;/*边框颜色,可以省略*/ ...

在textarea中鼠标指定位置插入字符或表情

有些时候我们已经在textarea中输入了一些字符,然后想鼠标指定位置插入表情或者字符,这就需要用到jquery的一个小插件了。 代码如下: (function ($) { $.fn.extend({ insertAtCaret: function ...

kindeditor(二) kindeditor与数据库交互

kingeditor数据插入数据库:  //加载kindeditor  var editor;  KindEditor.options.filterMode = false;  KindEditor.ready(function(K) {  editor = K.create('textarea[name="messageContent"]]', {

simditor编辑器,图片上传链接替换

如果将图片上传写完,那么不但可以上传本地图片,还支持粘贴截图上传的功能,但是,浏览器里可以发现,图片还是被转化成base64的,这个时候,我们希望图片是以http的形式展现的。 <textarea id="editor" ...

js 复制文本到剪切板 document.execCommand("copy")

js 通过添加DOM节点事件复制文本 document.execCommand()插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个自定义列表如何创建一个注脚注释也是必不可少的 js原生代码: 强调文本 强调文本 加粗...

KindEditor初始化参数列表

编辑器的宽度,可以设置px或%,比textarea输入框样式表宽度优先度高。 数据类型: String默认值: textarea输入框的宽度 示例: K.create('#id', { width : '700px' }); height 编辑器的高度,...

富文本web在线编辑器实现关键技术pasteHTML-InsertHTML

先简要介绍一下HTML富文本编辑器实现原理,如果是非所见即所得,那么用 textarea就可以搞定了,如果要实现所见即所得,尤其是你想插入图片之类的,那么就要考虑用其他方式来替换 textarea了,毕竟textarea不能实现...

kindeditor(一)实现图片上传jsp实现

最近应项目需求要求实现富文本编辑器的功能,曾经用ckeditor实现过,首先尝试用它实现,但是虽然ck有强大的功能,但是其界面风格比较刻板,修改起来比较困难而且,图片上传功能修改源码的话很繁琐,自己也尝试修改了...

Simditor的快速使用

环境:Windows环境,Java开发,页面与接口同一个项目中,未进行前后端隔离,服务器Tomcat 官网地址:Simditor文档第一步去官网下载地址,导入到相应目录下,若是node开发,则只需要$ npm install simditor $ ...

KindEditor 详细介绍

3.需要显示编辑器的位置添加TEXTAREA输入框。  id当前页面必须是唯一的值,还有,有些浏览器上不设宽度和高度可能显示有问题,所以最好设一下宽度和高度。宽度和高度可用inline样式设置,也可用

KindEditor图片上传路径URL的处理

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。官网地址:...

tinyMCE编辑器用法

按以下例子中的设置,所有的TEXTAREA文本域页面加载时将被转换成编辑器。另外还有其他模块,我们将后面详细讲述。 jscripts/tiny_mce/tiny_mce.js"> tinyMCE.init({ mode : ...

从零基础认识KindEditor富文本编辑器

项目中添加富文本编辑器js文件,jsp文件添加引用 引入文本框插件,引入提示语言 要用KindEditor插件,就得引入该js 添加textarea textarea设置为不可见 这里显示的是KindEditor的编辑器,而te

android 新浪微博客户端的表情功能的实现

 最近搞android 新浪微博客户端,有一些心得分享弄android客户端表情功能可以用以下思路1.首页把新浪的表情下载到本地一文件夹种,表情图片的命名要用新浪微博表情原来的命名比如 新浪的害羞表情是shame.gif 那么...

Simditor 富文本编辑器的使用

Simditor 是Tower开源的一个基于浏览器所见即所得的文本编辑器,它的理念是保持简单,避免过度的功能,使用方法如下: Step1 . 点击此处 下载路径 下载最新版本的simditor的zip,如图所示: 下载解压后会发现是...

JavaScript中的execCommand()命令详解及实例展示

execCommand方法是执行一个对当前文档,当前选择或者给出范围的命令。... 如下格式:document.execCommand(sCommand[,交互方式, 动态参数]) ,其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数...

简单好用的文本编辑器《Simditor》插件快速入门实例

项目需要文本编辑器,我网上找到了Simditor这个插件,感觉简单好用,这里记录一下,也推荐给更多的人。Simditor能做什么简单来说,Simditor能够将web页面中的textarea文本域变成一个简单的富文本编辑器。能够...

可编辑div中插入文字或图片的问题解决思路

最近网上碰到一个人问了我一个... 基本上编辑器或者在线聊天web页面,是不太可能用textarea在做输入框的,因为我们可能要插入图片或者超级链接,因此选择iframe或者div作为输入框是必须的。  我这里用的是 di

html知识笔记(三)——img标签、form表单

标签:网页中插入图片。 语法: 图片地址" alt="下载失败时的替换文本" title = "提示文本"> 举例: Image" title = "My Image" /> 讲解: 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当...

如何自定义kindeditor编辑器的工具栏items即去除不必要的工具栏或者保留部分工具栏

kindeditor编辑器的工具栏主要是指编辑器输入框上方的那些可以操作的菜单,默认情况下编辑器是给予了所有的工具栏。针对不同的用户,不同的项目,不同的环境,可能就需要保留部分工具栏。那么我们应该如何自定义自己...

KindEditor参数详解

编辑器的宽度,可以设置px或%,比textarea输入框样式表宽度优先度高。 数据类型: String 默认值: textarea输入框的宽度 示例: K.create('#id', { width : '700px' }); height 编辑器的高度,只能设置...

可编辑div获取焦点位置和选择区域的文本

一般来说文本输入框是可以用input(单行)和textarea(多行)的,但是,如果想文本中间插入图片之类的非文本节点,或者文本设置不同的样式,这时候两个就不行了。可以用可编辑的div来实现。 把一个div设置成可...

微信公众号的代码块插入,及一键排版

前段时间,准备微信公众号上写文章时,却发现公众号居然连个最基本的插入代码块的功能都没有。 很纳闷,难道微信的开发者不用写代码的? 吐槽归吐槽,问题还得想办法解决。然后就是各种百度,推荐最多的我想就是...

eWebeditor编辑器使用方法

每个iframe是一个eWebeditor编辑器,src是eWebeditor编辑器所在的相对目录。?id=content和下面的要对应。 安装是非常容易的,首先你要做的就是把eWebEditor文件上传到你的网站,请按以下步骤进行:从eWebEditor产品...

小程序中scroll-view的使用

动态设置滚动条位置可以js中设置滚动条的位置,比如我希望设置为滚动条的高度能够撑满除底部固定按钮外的剩余界面,并每一次点击按钮之后,往scroll-view中添加内容,并将滚动条可以移到最下方。我是这样设置的...

web前端开发(一)—HTML基础

目录 web前端简介 什么是HTML? HTML标签 HTML基本结构 HTML 段落标签 ...HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...

Iframe用法的详细讲解(属性、透明、自适应高度)和html中滚动条属性设置

scrollbar属性、样式详解 1. overflow内容溢出时的设置(设定被设定对象是否显示滚动条)  overflow-x水平方向内容溢出时的设置  overflow-y垂直方向内容溢出时的设置  以上三个属性设置的值为visible(默认值)、...

simditor 图片上传成功后修改图片地址

1. 修改官方提供的demo中直接将默认图片插入到文本中的功能,下面的初始化就可以了 2. 将图片地址替换成 服务器的地址,MD说说遇到的坑,一开始的思路是图片上传完后通过回调的方式修改图片的src地址,完全错误 ...

HTML在线编辑器的调用方法(很早前的一篇文章)

HTML在线编辑器不需要懂得使用Dreamweaver,会用Word就会使用此编辑器,文章系统或者是新闻系统需要文字编辑的web程序中非常实用。但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢?!首先我们假定我们...

百度开源UEditor文本编辑器使用说明

百度开源UEditor文本编辑器使用说明: 一、完整版的部署与体验 官网上下载完整源码包(官网下载地址...  _examples:编辑器完整版的示例页面  dialogs:弹出对话框对应的资源和JS文件  themes:样式图片和样式

相关热词 c# 指定打印机名称 c# 在调试窗口输出信息 c# 点对点即时通讯 c#判断数字是否为空 c# 小端 浮点数 c# typeof返回值 c#初始化字符串 c#dataset用法 c#实现凝聚层次聚类 c#最简单线程