`

textarea支持图形编辑的实现方法

    博客分类：
  • web
JavaScriptHTML.net 
阅读更多


本来以为只有iframe支持编辑了，今天突然发现textarea也支持编辑 ：（ 是不是我太愚钝了？ textarea不能用innerHTML来插入html，而用appendChild 这样的话稍微修改下，评论等简单的textarea的表情插入就可以直接显示出来了 而不是只显示emot了

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>

<body>

<textarea id="editor" rows="13" cols="50">我的logo：</textarea>

<script type="text/javascript" >
var editor = document.getElementById('editor');
var img = document.createElement('img');
img.src = 'http://onewww.net/images/logo.jpg';
editor.appendChild(img);

alert(editor.innerHTML);

</script>

</body>
</html>

分享到：
| 有一种图片叫经典
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript textarea支持图形编辑

    总结来说，虽然原文件标题“javascript textarea支持图形编辑”和描述中提到的“是不是我太愚钝了？”可能带有一定的自嘲意味，但它实际上揭示了JavaScript与DOM操作的强大能力，能够通过编程扩展HTML元素的功能，...

    Draw2D 模拟SWT控件之TextField、TextArea

    在Draw2D中模拟TextField，我们需要实现类似的功能，允许用户在2D图形区域内进行文本输入。 3. TextArea： TextArea是SWT中的多行文本输入控件，用户可以在这里输入多行文本，比如代码或长段落。与TextField不同，...

    Java图形实现json格式化

    Java图形实现JSON格式化主要涉及两个核心技术点：Java对JSON对象的操作和图形界面的设计。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的一个子集，易于人阅读和编写，同时也...

    文本编辑器-textField实现

    在GUI（图形用户界面）应用中，`TextField`组件是实现文本输入和编辑的基本元素。在这里，我们将深入探讨如何使用`TextField`来创建一个功能丰富的文本编辑器。 `TextField`是JavaFX或Swing等GUI库中的一个类，它...

    简单的网页文本编辑器

    富文本编辑器通过JavaScript库实现，如TinyMCE、CKEditor或Quill，它们将`textarea`转换为可编辑的富文本区域，允许用户进行格式化操作。 3. **字体与样式控制**： - 用户可以更改文本的字体、颜色和大小。这通常...

    java编写的简单文本编辑器

    为了实现基本的文本编辑功能，如剪切、复制和粘贴，可以利用`TextArea`的`cut()`, `copy()`, 和 `paste()`方法。这些方法依赖于系统剪贴板，由`java.awt.Toolkit`和`java.awt.datatransfer`包提供。 此外，为了提供...

    java课设文档编辑器

    1. **图形界面**：编辑器的图形界面采用AWT库，核心组件是TextArea，用于文本编辑。AWT库因其简洁、实用和高效而被选用。为了简化设计，只保留了基础功能，例如，未实现自动换行、字体设置和打印功能。 2. **线程与...

    文本编辑器java

    该编辑器通过细致的功能需求分析、精巧的类设计和具体实现，提供了用户友好的图形界面与实用的文本处理工具。 #### 二、功能需求分析 MiniEditor的核心功能需求包括： 1. **所见即所得的文本输入**：用户能在编辑...

    java文本编辑器(记事本)

    在编辑器中，可能需要对选中的文本进行复制、剪切、粘贴等操作，这些功能的实现都需要对字符串进行相应的操作。 5. **多线程**: 在某些情况下，比如大文件的读写操作，为了防止阻塞主线程，开发者可能会使用多线程...

    jquery 文本编辑

    该文件通常会定义一个插件，使得可以通过简单的jQuery选择器和方法调用来初始化和操作文本编辑器。例如，开发者可以使用`$('textarea').wysiwyg();`来将一个普通的文本输入框转换为富文本编辑器。 在jQuery文本编辑...

    Java图形界面与事件响应

    - `TextArea`：多行文本编辑区。 - `FileDialog`：用于文件选择的对话框。 #### 三、设计和实现图形用户界面的主要步骤 设计和实现图形用户界面的主要工作包括： 1. **创建组件**：选择适合的组件类型，如按钮、...

    swing 文本编辑器

    在 Swing 应用中，这些资源文件可以用来实现文本编辑器的多语言支持。 6. **src**: 这是源代码目录，其中包含了 Java 源代码文件。在 Swing 文本编辑器项目中，你会在这里找到关于如何使用 RSyntaxTextArea、...

    编辑框控件

    在一些应用中，用户可能需要上传照片或图片，编辑框可以扩展以支持这种功能，通常通过添加按钮或拖放操作来实现。 另一个文件"nicEdit"可能是一个富文本编辑器库的名称。NicEdit是一个轻量级的JavaScript库，用于将...

    KindEditor文本编辑器

    该编辑器支持多种语言，包括中文，方便不同地区的用户使用。其设计简洁，操作界面友好，无论是初学者还是经验丰富的开发者都能快速上手。KindEditor还提供了一套完整的API文档，帮助开发者自定义编辑器的功能，满足...

    文本编辑器源码

    描述中的“支持换行、空格”是指文本编辑器的基本功能，用户可以通过按下回车键进行换行，空格键则用于在文本中插入空隙，使文字排列更加清晰。这些功能在任何文本编辑器中都是不可或缺的。 “加粗、颜色、字号、...

    jquery 富文本编辑器

    在给定的“jquery 富文本编辑器”主题下，我们将深入探讨jQuery框架下实现富文本编辑器的相关知识点。 首先，jQuery是一个高效、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery...

    文本编辑器的优秀代码

    而JavaFX则是一个更现代、更富表现力的UI框架，它支持3D图形和CSS样式，可以为文本编辑器带来更美观的外观。 在这个代码中，我们可以期待看到以下关键知识点： 1. **Swing或JavaFX组件**：开发者可能使用了...

    java图形界面编程

    AWT组件包括按钮、文本框、标签、滚动条等基本元素，这些元素被称为轻量级组件，因为它们依赖于操作系统来提供底层的图形支持。AWT的主要优点是与平台无关性，但缺点是外观可能与操作系统的默认样式不一致。 1. AWT...

Magicbox
Global site tag (gtag.js) - Google Analytics