概念性jQuery内容编辑器

快乐就好 2014-01-13

概念性jQuery内容编辑器

概念性jQuery内容编辑器，这是一款非常有特色的jQuery编辑器，该编辑器支持文字、列表、视频、引用等功能，是一款小巧简洁，富有个性化的jQuery内容编辑器插件。

代码：

<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width">
    <title>概念性jQuery内容编辑器在线演示</title>
    <link href="css/example-7443e31d.css" media="screen" rel="stylesheet" type="text/css" />
  </head>
  <body>
  <p style="font-size:14px;line-height:2em;width:728px;margin:10px auto">概念性jQuery内容编辑器，这是一款非常有特色的jQuery编辑器，该编辑器支持文字、列表、视频、引用等功能，是一款小巧简洁，富有个性化的jQuery内容编辑器插件。</p>
<section class="site-width example-container">
  <form>
    <textarea class="js-sir-trevor-instance">{"data":[{"type":"text","data":{"text":"Hello, I'm **Sir Trevor**.\nCreate some new blocks and see _what I can do_.\n"}},{"type":"video","data":{"source":"youtube","remote_id":"hcFLFpmc4Pg"}}]}</textarea>
  </form>
</section>

<script src="js/jquery.min.js"></script>
<script src="js/example-51e4a4c1.js" type="text/javascript"></script>

</body>
</html>

来源：http://js.itivy.com/?p=1044

快乐就好

快乐就好

相关推荐

15款Python编辑器的优缺点，别再问我“选什么编辑器”啦！

本文介绍了多个 Python IDE，并评价其优缺点。读者可以参考此文列举的 Python IDE 列表，选择适合自己的编辑器。写 Python 代码最好的方式莫过于使用集成开发环境了。而问题在于，如何从众多选项中选择最好的 Python 开发环境。本文将

shuhaojie / 0评论 2020-11-02

VIM编辑器操作指南

Vim是一个类似于Vi的著名的功能强大、高度可定制的文本编辑器，在Vi的基础上改进和增加了很多特性。Vim普遍被推崇为类Vi编辑器中最好的一个，事实上真正的劲敌来自Emacs的不同变体。1999 年Emacs被选为Linuxworld文本编辑分类的优胜者

lerdor / 0评论 2020-10-14

使用 Mu 编辑器教授 Python

在学校里，教孩子们编程是非常流行的。很多年前，在 Apple II 和 Logo 编程的年代，我学会了创建 乌龟绘图。我很喜欢学习如何对虚拟乌龟进行编程，后来也帮助学生进行编程。大约五年前，我了解了 Python 的 turtle 模块 ，这是我 Pyt

cakecc00 / 0评论 2020-09-27

新手学Python用什么编辑器比较好？

新手学Python用什么编辑器比较好?工欲善其事必先利其器，选好工具学习更高效。市面上流行的编辑器众多，根据自己的需求选择适合自己。p小白可以选择pycharm配置简单功能强大使用起来省时省心，对初学者非常友好。今天主要介绍SublimeText、IDLE

iammjun / 0评论 2020-09-23

那么多MarkDown编辑器，最专业的还是这一款！

大家都知道很多编辑器，不过大多数编辑器都是为编程人员设计的，对于非技术人员并不是那么友好，今天和一款非常适合撰写专业文本的MarkDown编辑器，无论你是大学生、科研人员还是作家都非常适合使用——Zettlr。发现了Markdown后，他在不同的操作系统上

MarkDownHere / 0评论 2020-09-16

你知道python编程环境需要具备，哪些优秀的功能吗?

在学习python的过程中，我们经常会用到各种各样的开发工具，其中集成开发环境和代码编辑器最常见，那么你知道python编程环境需要具备哪些优秀的功能吗?　　支持对代码中的关键词、变量和符号快速标识可以让阅读和理解代码更为轻松。　　任何一个引人注目的编辑器

usepython / 0评论 2020-07-20

web前端程序员代码编辑器推荐

Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增php语法高亮。支持html、css、js、php的

学习web前端 / 0评论 2020-07-18

2020年优秀的Python代码编辑器

集成开发环境允许开发人员用不同的编程语言运行代码，特别地，python IDE实际上是一种IDE，专门让您测试、运行和编辑用python语言编写的代码。当涉及到一个很大的项目时，在IDE上工作对开发人员来说会更简单，并且在一些特定的项目中拥有专门的工具也

longzhiwen / 0评论 2020-07-15

vim 编辑器高级用法

如果没有安装vim使用下面方式安装。两者最大的不同：vim可以高亮显示，vi不可以。gg 光标跳转到首行。P 粘贴到光标上面。dd 删除或剪切当前光标所在行。dnd 删除/剪切相应的行数。dG 删除光标所在一行直到文件末尾。x 删

老甘的可读区 / 0评论 2020-07-09

Linux——学习vi编辑器

所有的输入被解释成vi命令，还可以执行修改、复制、移动、粘贴、删除正文等命令，还可以操作移动光标、搜索字符串、退出vi的操作等。使用ESC键可以返回命令行模式扩展模式： 在一些unix系统上也叫最后一行模式，要进入最后一行模式，前提需要在命令行模式中输入

zhongzhiwei / 0评论 2020-07-04

第五章 pycharm编辑器安装和使用

Python IDE，有Jupyter Notebook、PyCharm、Atom、Redeo编辑器等等，关于这些编辑器的介绍以及优缺点可以查找资料了解。本文推荐 PyCharm，当然你可以根据自己的喜好来选择适合自己的 Python IDE。PyChar

maoyongfan / 0评论 2020-06-28

百度编辑器（ueditor）踩坑，图片转存无法使用

在使用 百度编辑器 的过程中碰到了一些问题，图片转存功能无法使用， 即便是疯狂地在官方 Demo、文档、论坛甚至是 GitHub 上也没找到理想的答案。问题描述默认情况下，从 Word 中复制的内容粘贴在编辑器时，图片不会自动上传保存，除非单独复制粘贴图片

layloge / 0评论 2020-06-26

Thinkphp5框架中引入Markdown编辑器操作示例

本文实例讲述了Thinkphp5框架中引入Markdown编辑器操作。分享给大家供大家参考，具体如下：。placeholder : '编辑你的内容...',message : "提示的信息，上传成功或上传失败及错误信息等。

Hesland / 0评论 2020-06-14

推荐Web程序员常用的15个源代码编辑器

Web开发人员可能是目前世界上最受破坏和薪水不足的职业之一。许多人没有意识到他们对商业网站的运营以及看起来适当和高效所具有的实际价值。从命名网站到外观，这是一个至关重要的过程，不应将其视为理所当然。如果您希望自己的网站成功，许多网页设计分析将确保出色的网站

佛系程序员J / 0评论 2020-06-09

vi 和 vim 编辑器

以 vim 打开一个档案就直接进入一般模式。在这个模式中，可以使用上下左右来移动光标，可以使用或来处理档案内容，也可以使用【复制、贴上、来处理文件数据。按下i, l, o, O, a, A, r, R 等任何一个字母才会进入编辑模式，一般来说按 i 即可。

老甘的可读区 / 0评论 2020-06-07

Markdown编辑器说明

在使用Markdown进行文字编辑后发布在博客或者公众号时，有时需要对样式进行自定义。目前的编辑器主要提供了三种方式：在线编辑后复制，离线编辑后复制，一键样式转换。尝试了几个编辑器，各有优势。需要注意的是，通过before和after标签所产生的修饰效果是

Kingcxx / 0评论 2020-06-04

MarkMyWords for mac(高级Markdown编辑器)v1.12.0

MarkMyWords mac版是Macos上一款强大的 Markdown 编辑工具。内置多种 CSS 样式，并可以使用自己编写的 CSS 样式进行预览。另外 MarkMyWords 支持无干扰写作模式。MarkMyWords可以为您突出显示您的标记。阅读

James0 / 0评论 2020-06-01

python编程入门之从零开始：下载python环境及编辑器pycharm EDU

首先，我们需要问一下自己，什么是python？一门计算机语言竟然和蟒蛇重名，难道是python语言的发明者对蟒蛇情有独钟，甚至喜欢晚上盘着蟒蛇睡觉？

xiongxu / 0评论 2020-05-31

HTML 在线编辑器

众所周知，一款好的编辑器能显著地提升程序员敲代码的速度。然而，在某些情况下，你既没有一款安装好的编辑器，又没有管理员权限去安装。这时候如果你不想憋屈地用记事本来写代码，就需要用到在线编辑器了。对于写HTML的兄弟来说，菜鸟教程的HTML在线编辑器就很不错。

pythonclass / 0评论 2020-05-30

VSCode编辑器使用技巧：快捷输入HTML代码

VSCode中有一些快捷编辑HTML的方法，能大大提高工作效率，在这记录一些。-- 输入html或者html:5生成页面模板 -->. -- 输入link:css引入样式 -->. -- 输入script:src引入js -->. --

黎豆子 / 0评论 2020-05-30

手把手教你配置VS Code远程开发工具，工作效率提升N倍

今天和大家分享一个远程开发解决方案，聊一聊我平常是如何用 VS Code 进行远程开发工作的，以及一步步教你搭建远程开发环境，拥有比德芙还丝滑的远程开发体验。我们厂里为了最大程度提高工程师生产力，各种研发配套工具非常的齐全，对开发人员每人都有一台云主机，而

80580391 / 0评论 2020-05-29

vscode编辑器markdow文档导出为pdf

seqNo[headseq - 1] = seqNo[headseq - 1] + 1;mdArr[i] = mat[1] + " " + seqNo.join(".") + "　" + mat[

James0 / 0评论 2020-05-14

vim编辑器与shell命令脚本

我想大家都应该听说过一句话：Linux系统中一切都是文件，而配置一个服务就是在修改其配置文件的参数。好了没听过现在知道这一句话了。接下来有请我们修改配置文件所用的工具：vim编辑器。vim有三种工作模式：命令模式、输入模式、末行模式。在每次运行vm编辑器时

linzb / 0评论 2020-05-12

学习Linux打卡计划（第五天）

今日的学习内容有：vim编辑器的使用与shell命令脚本。vim编辑器的命令有颜色区分，而vi编辑器的字体颜色都是一样的。shell脚本的编写，shell脚本组成结构是由脚本声明、脚本注释、命令这三部分组成，通过这三部分就可以为系统编写一个脚本程序。She

heheeheh / 0评论 2020-05-11

vim编辑器下nginx.conf语法高亮

.vim目录如不存在需自行创建

aolishuai / 0评论 2020-05-05

快速学会使用 Vim 编辑器

在我看一本书的时候，有一句话印象很深刻，“在Linux系统中一切都是文件，而配置一个服务就是在修改其配置文件的参数”，所以我们需要学习一种文本编辑工具也就是今天的 Vim，那么什么是 Vim 呢？Vim是从vi发展出来的一个文本编辑器。首先，很多 Linu

老甘的可读区 / 0评论 2020-05-03

这些例子的特效很炫，感觉的同学可以研究学习一下

id=02bkjbbkj水滴导航选项卡栏目制作。id=021bik02j原生js制作电影网顶部可点时关闭重播横幅图片广告代码，简单的顶部广告代码下载。id=021jjhkibjQuery图片九宫格布局制作当鼠标经过图片时下拉遮罩显示文字内容效果。id=02

Web全栈笔记 / 0评论 2020-05-03

代码编辑器选择Atom还是VScode？

工欲善其事必先利其器嘛，写代码总得有一个好的代码编辑器。像我来说，用不着IDE，C++用VisualStudio写还不够费劲的呢！写个代码配置五分钟，写就一会，这种情况下，微软就来方案了，发布了VScode。还有，Github公司旗下开发了一个Atom，也

Yuezhilv / 0评论 2020-04-25

概念区别

Visual Studio Code是一个比较好用的编辑器。后缀为.c的，gcc把它当作是C程序，而g++当作是c++程序；后缀为.cpp的，两者都会认为是c++程序。连接时通常会用g++来完成，这是因为gcc命令不能自动和c++程序使用的库连接。

fushilin / 0评论 2020-04-25

Python 代码编辑器怎么选？PyCharm、VS Code、Jupyter Notebook 都各有特色

Python 代码编辑器怎么选？PyCharm、VS Code、Jupyter Notebook 都各有特色，Jupyter 适合做数据分析这些需要可视化的操作，PyCharm 更适合做完整的 Python 项目。然而，因为交互式操作，很少会有开发者想到用

wuguangbin0 / 0评论 2020-04-24

值得新手关注的十大优秀CSS编辑器

在实际工作中，我们往往能够看到：一些资深的开发人员拥有着自己的一套得心应手的工具谱。通过各种高效的代码编辑器，他们能够灵活地适用于不同的需求和项目场景。当然，如果您是一名刚入行的、或是初涉CSS的新手的话，我们将在此为您重点介绍几种具有出色功能的优秀代码编

SuiKaSan的自学室 / 0评论 2020-04-17

主流的 Python IDE，你选对了吗？

本文介绍了多个 Python IDE，并评价其优缺点。读者可以参考此文列举的 Python IDE 列表，选择适合自己的编辑器。写 Python 代码最好的方式莫过于使用集成开发环境了。而问题在于，如何从众多选项中选择最好的 Python 开发环境。本文将

Leewoxinyiran / 0评论 2020-04-14

02-Python解释器和编辑器介绍

在命令行下运行 python 就是启动 CPython解释器。CPython 是使用最广的 Python解释器。教程的所有代码也都在 CPython 下执行。除了 cpython 解释器之外，还有 Jpython , IronPython 以及 PyPy

hxok / 0评论 2020-04-08

Python IDLE编辑器打开后缀名为.py的文件

在Windows操作系统下默认使用Python自带的IDLE编辑器打开后缀名为.py的文件。在打开的注册表中找到以下目录：HKEY_CLASSES-ROOT->Python.file->shell->open->command. 将

猪猪侠喜欢躲猫猫 / 0评论 2020-04-08

GlobalVim-让你的所有编辑器都用上Vim

Vim是Linux上的文本编辑工具,对于用习惯了Vim的人来说,肯定也想在Windows上使用Vim,至少我是这么想的。虽然也有Windows版的Vim,但是在Word、记事本中却无法使用。经过一番努力后,终于让我找到了一款强大的工具GlobalVim,它

想个标题偏头痛 / 0评论 2020-04-07

php 保存编辑器内容中的远程图片为本地图片

有时，我们的编辑器复制过来的图片是远程的，需要下载到本地服务器上。$save_dir=ROOT_PATH. DS . ‘www‘. DS . $filePath ;=‘.gif‘&&$ext!=‘.jpg‘){

doupoo / 0评论 2020-03-27

pycharm 快捷键

它显示了当前班级的成员名单。与使用Enter键接受不同，选定的名称将覆盖脱字符右侧的其余名称。

NANGEBOKE / 0评论 2020-03-26

在VBA编辑器中输入中文成了乱码

3.按照如下步骤更改非Unicode程序的语言即可：控制面板=>时钟、语言和区域=>区域=>管理=>非Unicode程序的语言=>更改系统区域设置为中文=>重启电脑。

85271041 / 0评论 2020-03-08

linux基础----vim编辑器（三）

今天给大家分享的是vim编辑器在末行模式下的快捷键

hazing / 0评论 2020-02-24

Python入门之VS code编辑器的安装

众所周知，Python自带的编辑器没有很好的代码补全和调试功能，还有一点就是写完之后关掉还要再找到它右键edit with IDLE. 本人目前比较喜欢用VS code。其实我之前用过Pycharm不过我在运行pygame时总是报错最后转投VS code.

llwang0 / 0评论 2020-02-18

vim基本使用说明

通过上面命令就打开了vim编辑器，然后，需要键盘敲击输入一个英文字母i，进入编辑状态以后才能修改内容，这时，就可以向word.txt文件中输入一些单词。修改后，需要按键盘上的Esc键退出vim的编辑状态，之后有以下几种选择：。但是，如果已经修改了文件内容，

圆圆的世界CSDN / 0评论 2020-02-14

cnblogs 美化主题

cnblogs 域名解析 这需要注意一点是：github.io项目名需要和用户名一致才能正确访问，否则会报404. Markdown格式化编辑 类似的编辑器很多，但是代码行数很长的时候很多编辑器都强制换行了，而这个能加入横向滚动，发布到微信公众号上效果很好

cbao / 0评论 2020-02-02

Python环境搭建-5 代码编辑器

Python解释器、pip工具箱和virtuanlenv虚拟环境都安装好了后，基本的Python环境就搭建好了，可以开始我们的“搬砖”之旅了。但是现在还缺一个好用的编辑器，这里推荐大家用pycharm。当然如果你有一些其他的编辑器也可以，比如sublime

typhoonpython / 0评论 2020-01-30

vi，vim编辑器

* 在工作中，要对 **服务器** 上的文件进行 **简单** 的修改，可以使用 `ssh` 远程登录到服务器上，并且使用 `vi` 进行快速的编辑即可* 常见需要修改的文件包括： * **源程序** * **配置文件**，例如 `ssh` 的

圆圆的世界CSDN / 0评论 2020-01-25

修改ubuntu/centos默认编辑器为vim

选择 路径 优先级 状态 ------------------------------------------------------------ * 0 /bin/nano 40 自动模式 1 /bin/ed -100 手动模式 2 /bin/nano

yonggeno / 0评论 2020-01-14

vi和vim编辑器

vim可以看做是vi增强版，具有程序编辑能力，支持语法高亮，代码补全，编译及错误跳转等功能，因此被广泛使用。以vim打开文档，直接进入的就是一般模式,这个模式下，我们可以使用[上下左右]来移动光标。delet删除末尾字符，等等。按下i，o，a，r，I，O，

zycglboy / 0评论 2020-01-08

写 Python 到底用什么编辑器好？鹅厂程序猿吵翻了

不管你是 Python 新手还是老鸟，肯定纠结过一个问题：到底用什么编辑器写 Python 代码好?今天，他二哥在调研了数十位鹅厂程序猿后，给你一个答案。

上海滩 / 0评论 2020-01-08

Atom 编辑器实时预览 HTML 页面经典方法

为什么需要这样一个工具？每次预览 HTML 页面，都需要打开各种浏览器；哪怕不是调试，只是为了查看下效果；切换来切换去，各种刷新，感觉有些浪费时间；以前用过 DW 的实时预览，感觉这个功能很赞；又踏上了 atom 插件仓库慢慢寻找之路......Press

82274551 / 0评论 2020-01-08

Flutter入门（二）：配置编辑器（VS Code）

访问官网，下载最新版本的VS Code，并安装。运行Flutter Doctor验证设置

wmd看海 / 0评论 2020-01-03

基于Sublime Text编辑器配置Python解释器

概述前段时间有朋友问我一个关于Sublime text配置Python解释器的问题，可能是初学者，对这方面还不是很懂，想使用快捷键但是徒劳一场，因为缺少Python解释器，直接按下快捷键Ctrl+B是不会得到想要的结果的，下面介绍下如何去配置Python解

ChangWen / 0评论 2020-01-06