关闭

所见即所得编辑器(js版)

标签: js
678人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <title>Untitled Document</title>
       <script type="text/javascript">
         function init()
         {
            var contentObj = document.getElementById("content"); 
            
            //取得 iframe 内的窗口对象。firefox 可以直接用 contentObj.document;
            var contentDocObj = contentObj.contentWindow.document;
            
            contentDocObj.designMode = "on";
         }
         
         function makeBlob()
         {
            var contentDocObj = document.getElementById("content").contentWindow.document;
            
            contentDocObj.execCommand("Bold",false,null);
         }
         
         function makeItalic()
         {
            var contentDocObj = document.getElementById("content").contentWindow.document;
            
            contentDocObj.execCommand("Italic",false,null);             
         }
         
         function changeColor()
         {
            var contentDocObj = document.getElementById("content").contentWindow.document;
            
            contentDocObj.execCommand('ForeColor',false,'#BBDDCC');          
         }
       </script>
</head>
<body _disibledevent=>        <p><button _disibledevent=>        <button _disibledevent=>        <button _disibledevent=>        </p>
       <iframe id="content" width="400px" height="200px" style="border:1px solid"></iframe>
</body>
</html>
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

所见即所得的jQuery富文本编辑器插件-wysiwyg.js

wysiwyg.js是一款十分强大的、所见即所得的jQuery富文本编辑器插件。wysiwyg.js富文本编辑器体积小,支持选择、键盘、占位等众多事件。而且该富文本编辑器的兼容性十分好,甚至兼容IE6...
  • delmarks
  • delmarks
  • 2015-01-23 13:12
  • 3076

22个所见即所得在线 Web 编辑器

我们曾介绍过 10 个基于 JavaScript 的 WYSIWYG(所见即所得) 编辑器,这些 Web 编辑器可以在线编辑和处理富 Web 内容,包括格式文本,表格,图片,媒体,链接等等,非常适合集...
  • quryktcs
  • quryktcs
  • 2017-05-10 15:30
  • 148

小结----所见即所得编辑器大全【转】

[转] 下面所列的10个所见即所得Web编辑器是非常常见的,也是值得你去关注的。说不定你的下个项目中就会有它们的身影。 1. NicEdit 演示 | 下载 NicEdit小巧精悍,...
  • kruskal123
  • kruskal123
  • 2013-12-30 09:25
  • 1856

[王垠系列]TeXmacs:一个真正“所见即所得”的排版系统

TeXmacs:一个真正“所见即所得”的排版系统 好久没有推荐过自己喜欢的软件了,现在推荐一款我在美国做数学作业的私家法宝:TeXmacs。我恐怕不可能跟以前那么有闲心写个长篇的 TeX...
  • unsv29
  • unsv29
  • 2016-01-07 09:09
  • 567

开发,从需求出发 · 之一 所见即所得

从需求出发并不是一句空话,在开发过程中也是如此。 从需求出发,实质上是暗合了极限编程和测试驱动开发的一些思想。 鉴于网站开发是一个比较流行的方向,我打算从一个网站开始,阐述一下自己对“需求驱动开发“的...
  • deltatang
  • deltatang
  • 2014-07-23 20:59
  • 1935

可视化设计 可拖拽的页面 所见即所得

contentEditable contenteditable, 这是用来把页面变成可编辑的,多用于多功能编辑器,而且一般要达到这种效果是对iframe进行设置,而不是直接到当前页面进行设置 注意:...
  • it_man
  • it_man
  • 2013-05-26 08:58
  • 7321

大端模式与小端模式、网络字节顺序与主机字节顺序

http://wxxweb.blog.163.com/blog/static/135126900201022133740759/ 大端模式与小端模式 一、概念及详解   在各种体系的计算机中...
  • ccsu_ms
  • ccsu_ms
  • 2014-05-28 14:56
  • 510

实现一个所见即所得编辑器

这题如果没搞错的话是人人网js面试题 实现一个所见即所得编辑器 需提供以下功能:  1.  字体加粗;  2.  文本左对齐、右对齐、居中;  3.  设置字体;  4. ...
  • Dijason
  • Dijason
  • 2013-04-02 00:19
  • 688

KindEditor所见即所得网页编辑器

偶然在项目管理软件WSS中注意到这个东东,感觉不错。顺便聊了一下。 一、可以免费使用,免费使用时,界面必须有“关于”版权声明。大致如下: 二、如果购买商业使用就可以不用显示版权信息了。那么它的版...
  • tomora
  • tomora
  • 2013-09-15 10:23
  • 715

所见即所得:七大无需编程的DIY开发工具

摘要:开发工具的出现,减少了移动开发在时间和金钱上的投入,也为一些不具备专业知识和技术的“移动开发粉”实现开发梦提供了条件,本文介绍了7款无需掌握任何编程语言就可完成应用从创建到发布的DIY开发工具。...
  • u011715225
  • u011715225
  • 2013-10-11 10:00
  • 704
    个人资料
    • 访问:346070次
    • 积分:3913
    • 等级:
    • 排名:第9418名
    • 原创:93篇
    • 转载:138篇
    • 译文:2篇
    • 评论:56条
    最新评论