首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

KindEditor的简单使用

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...官网: http://kindeditor.net/about.php 其他常用的富文本编辑器: UEditor http://ueditor.baidu.com/website/ CKEditor.../plugins/kindeditor/lang/zh_CN.js"> 第二步:初始化KindEditor编辑器 在页面添加javaScript代码初始化KindEditor编辑器,并在页面富文本编辑处指定...】 editor.html('编辑器内容'); 【设置编辑器纯文本内容,直接显示HTML代码】 editor.text('编辑器内容</strong...】 editor.insertHtml('插入内容'); 【将指定的HTML内容添加到编辑器区域的最后位置。】

3K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端统计利器:Sentry & Matomo

    以下主要是统计代码接入方式,因此使用前提是你已经在自己的服务器上搭建好了Sentry和Matomo的服务器 Sentry统计使用方法 Sentry是一个比较完善的错误统计日志系统,可以纯前端调用,在错误日志中会记录报错内容...有兴趣的同学可以去翻一下sentry官网内容,https://docs.sentry.io/clients/javascript/ ---- Matomo/piwik统计添加方法 Matomo是类似于百度统计...以下简要说一下Matomo统计代码添加的步骤,当然前提是你已经在自己的服务器上搭建好了基础服务,主要分两步: 1、在Matomo上创建网站 ? 新建网站: ? 编辑内容 ?...,后面的数字就是你的网站id,在matomo网站上可以查到 var d=document, g=d.createElement('script'), s=d.getElementsByTagName...-- End Matomo Code --> 除此以外,Matomo还提供了很多其它方式,有需要的同学可以自己去翻一下官网集成部分的内容:https://matomo.org/integrate/ 古语云

    2.7K20

    编程学习类相关问答整理和项目地址

    我和像我差不多能力和智力的,都是大多数人,看看多数人怎么实现财富积累的。我们跟着做就可以了。 纯小白想学怎么入门?...所以我的结论,纯小白,建议先学学前端JavaScript 相对来说比较容易上手,你觉得学起来没有压力,可以继续,如果连这个都整不好,那我个人觉得还是可以考虑其他方向,不是每个人都能学的来,就像唱歌一样,...这个问题是女生没有什么大的问题,但是市场氛围上,做前端的女生多,初级前端后端工程师的工资差额不大,但是前端的学习成本低。建议入行的可以考虑。 UI/设计做前端可以吗?...以上都不是纯小白入门的,小白入门还是先看看视频,敲两行代码。 网站 B站,Java入门,python入门都有,包括前端,建议可以2倍速。 慕课网,免费入门视频。...菜鸟教程,经典的入门学习网站 牛客网,刷面试题,应用类算法类都用 力扣,算法题 在线api,各个语言版本的api 廖雪峰,直接上手py3,py2已经停止维护 w3school,前端学习网站 JavaScript

    32610

    漫谈前端优化

    近几年,移动端站点和app、手游井喷式的发展,大大出乎了当初从业者的预料,2010年前后中国还处于3G网时代,各种3G宣传铺天盖地,如果你稍稍回忆一下,那个时候中国几乎没有像样的移动站点;大约在12年左右...  ·服务器GZIP处理资源,这一般是指WWW服务器中安装的一个功能,当有人来访问这个服务器中的网站时,服务器中的这个功能就将网页内容压缩后传输到来访的电脑浏览器中显示出来,一般对纯文本内容可压缩到原大小的...,需要注意,虽然dns-prefetch能够加快网页解析速度,但是也不能随便滥用,因为多页面重复DNS预解析会增加重复DNS查询的次数; 2.css&javascript内容优化:   ·css引用写在头部...,javascript引用写在底部、使用异步加载,避免渲染等待;   ·避免在页面标签中写样式; ·不过度引用字体,字体大小的问题; ·值为0的时候不用单位; ·使用标准的浏览器前缀,或者使用类似...还是别看了,会瞎眼的,并且这里图片内容是没完全显示的; 以上描述序列部分排名先后,相辅而成; 注意移动端和pc端的优化是没有界限的,移动端适用的优化规则在pc端同样适用;   差不多写到这里了,如果还有其他吊炸天的优化方式我没列出来或者描述解释错误的小伙伴们可以留言给我

    1K90

    HTML & CSS 系列--第一篇:概述

    可以简单的理解为:定义网页中的东西长什么样子目前,可以广义的理解为:HTML + CSS + JavaScript = 网页。即 HTML,CSS,JavaScript是开发网页的三大基础语言。...除了格式化文字之外,网页还可能包含图片、视频、声音和软件组件,这些组件会在用户的网页浏览器中呈现为多媒体内容的连贯页面。...W3C网站上有专页展示CSS3发展的进展——CSS3发展过程报告)。XHTML:可以认为是HTML的一种一个版本,完全符合XML的规范。...它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电邮中已有的纯文本标记的特性。...(简单的说,markdown语法不仅简单好用,而且使文档编写者不再花费大量时间关注样式,主要关注内容)

    77700

    「知识」如何让蜘蛛与用户了解我们的内容?

    该功能可让您确切地了解搜索引擎蜘蛛所看到的内容以及它会如何呈现这些内容,有助于您找出网站上存在的许多索引编制问题并进行修复。... 标记应放置在HTML代码的 元素中。您应该为网站上的每个网页创建一个唯一标题。 ?...在搜索结果中创建恰当的标题和摘要 如果页面显示在搜索结果页中,则标题标记的内容可能会显示在结果的第一行。...为每个网页创建唯一标题 网站上的每个页面最好具有唯一标题,这有助于搜索引擎了解该页面与您网站上其他页面的区别。如果网站具有独立的移动版网页,也请为移动版网页使用恰当的标题。...为每个网页使用唯一的说明 为每个网页使用不同的网页描述标记对用户和搜索引擎都有帮助,尤其是当用户的搜索可能会使您网域上的多个网页显示在搜索结果中时(例如,使用 site: 运算符进行搜索)。

    1.2K50

    成为一名专业的前端开发人员,需要学习什么?

    前端Web开发人员使用三种主要编码语言来编写由Web设计人员创建的网站和Web应用程序设计: HTML CSS JavaScript 他们编写的代码在用户的浏览器中运行(而不是后端开发人员,其代码在...HTML、CSS HTML(超文本标记语言)和CSS(层叠样式表)是Web编码的最基本构建块。没有这两件事,你就无法创建一个网站设计,而你最终得到的只是屏幕上没有格式化的纯文本。...在最基本的层面上,JS用于创建和控制诸如实时更新的地图,交互式电影和在线游戏等内容。...在移动设备上,同一网站将显示为针对触摸交互进行优化的单个列,但使用相同的基本文件。 移动设计可以包括响应式设计,但也包括创建单独的移动专用设计。...您可以编写测试,在执行操作后在页面上查找特定HTML等内容(例如,确保如果用户忘记填写所需的表单字段,则会弹出表单错误框)。

    1.3K20

    容易被忽略的5个HTML技巧

    我认为,大家最好尽可能使用 HTML 特性来实现所需的功能,尽量不要动用 JavaScript。...输入建议 尝试搜索什么事物时获取有用的关联建议确实会很有帮助。 如今,输入建议和自动完成功能相当流行,你一定已经在谷歌和 Facebook 等网站上注意到它们了。...Base URL 创建网站索引或站点地图时,这是我最喜欢的标签之一。 当你有很多锚标签重定向到某个 URL,并且所有 URL 都以相同的基础地址开头时,这个标签就会派上用场。...例如,如果我要指定 Elon Musk 和 Bill Gates 的 Twitter 内容的 URL,则 URL(域)的开头都会相同,而其后将是他们各自的 ID。...除了上面我分享的一些技巧外,还有很多这样的技巧和窍门,当然它们都值得你在自己的项目中尝试。

    1.2K10

    JavaScript 召唤师【必点】的 4 个函数式编程【天赋】~~

    ---- theme: cyanosis 实战背景 前面已经写了 7 篇关于 JS 函数式编程、2 篇关于函数组合、2 篇关于 Haskell 入门,想看的话,可以在我的 JS 专栏 中找到它们; 不过...上 TypeScript 可以吗?应该可以,强类型对于大型项目还是挺重要的!!...即:在函数式编程中,依靠的是不可变的数据结构和对从现有数据中进行纯计算再获得到新的数据; 举个栗子 在非函数式编程中: const x = { val: 2 }; const x1 = () =>...“函数组合”:包括参数传递(以对象的形式,在每一步递归获取)、中断跳出、异常捕获、多重组合、柯里化等等; 天赋点4:高阶函数 JavaScript 具有一流的函数,它允许我们将函数视为数据,将函数作为一个参数传递到其它函数...,或者从函数中返回另一个函数,这就是高阶函数; 高阶函数通常适用于: 使用回调函数、promise、monads 等进行抽象封装、隔离环境、或控制异步流; 创建可以接受多种数据类型的程序; 创建柯里化函数或函数组合

    26920

    初识PHP

    PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。...PHP 文件可包含文本、HTML、JavaScript代码和 PHP 代码 PHP 代码在服务器上执行,结果以纯 HTML 形式返回给浏览器 PHP 文件的默认文件扩展名是 ".php" PHP 能做什么...PHP 可以生成动态页面内容 PHP 可以创建、打开、读取、写入、关闭服务器上的文件 PHP 可以收集表单数据 PHP 可以发送和接收 cookies PHP 可以添加、删除、修改您的数据库中的数据 PHP...可以限制用户访问您的网站上的一些页面 PHP 可以加密数据 通过 PHP,您不再限于输出 HTML。...PHP 可在不同的平台上运行(Windows、Linux、Unix、Mac OS X 等) PHP 与目前几乎所有的正在被使用的服务器相兼容(Apache、IIS 等) PHP 提供了广泛的数据库支持

    39020

    Node.js基础

    他使用的是一个 事件驱动,非阻塞I/O模型 ,他是将js的运行环境搬到了服务器端,和客户端没有一点关系。是一个纯服务端的东西,node只是为js提供了一个平台。...如果不喜欢这种方式,可以使用npm init --yes命令直接使用默认的配置来创建package.json文件,最后根据需要修改创建好的package.json文件即可。...,由于是从国外的网站上下载内容,所以可能经常会出现不稳定的情况,所以需要下载cnpm代替npm,cnpm是国内淘宝的做的,在国内使用稳定。 ...1.下载cnpm 使用npm下载依赖时,由于是从国外的网站上下载内容,所以可能经常会出现不稳定的情况,所以需要下载cnpm代替npm,cnpm是国内淘宝的做的,在国内使用稳定。...使用npm下载依赖时,由于是从国外的网站上下载内容,所以可能经常会出现不稳定的情况,所以需要下载cnpm代替npm,cnpm是国内淘宝的做的,在国内使用稳定。

    92200

    7个开放式的 HTML 面试题及回答策略

    面试官想知道什么: 面试者的知识面 面试者是否可以用多种语言来构建网站 面试者是否需要接受额外的培训 参考答案: 在我开发更大的网站时,习了CSS,因此我不必手动更新每个页面的外观。...我也有一些 JavaScript 经验。我只知道基本功能,但我可以使用它们来使网站更有用和互动。我一直在观看教程,以使我的 JavaScript 功能更强大。...面试官想知道什么: 了解搜索引擎排名的重要性 批判性思维技巧 能够与他人合作 参考答案: 我想做几件事来确保你的网站获得最高排名。我首先要创建一个帮助搜索引擎蜘蛛浏览网站的站点地图。...接下来,我会检查每个页面以确保它使用有用的标签,包括标题标签。最后,我会使用链接检查器找到网站上失效的链接。 对你来说,创建一个新网站最困难的部分是什么? 解析: 了解申请人的优缺点非常重要。...HTML5 为最新的多媒体文件提供了更稳定的环境。我最喜欢的是可以向网站添加多媒体内容,而不必担心网站会崩溃或拒绝播放内容。 你如何改进我们公司当前的网站?

    51320

    TypeScript是什么,为什么要使用它?

    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。...但是否能通过JavaScript创建大型复杂Web应用系统呢?可能那么容易。 不过值得庆幸的是,我们还有一个解决方案TypeScript。 在过去的几年中,TypeScript的受欢迎程度一直在增长。...简而言之,TypeScript是JavaScript的超集,具有可选的类型并可以编译为纯JavaScript。从技术上讲TypeScript就是具有静态类型的 JavaScript 。 ?...那么,向JavaScript添加静态类型的原因是什么? 我想原因至少有三个: 您可以避免经典的错误 'undefined' is not a function....在这种情况下,请tsc根据.ts代码创建一个新的.js文件,您可以使用使用JavaScript文件的任何方式使用该文件。

    1.6K20

    GitHub 上 9 月份最火的开源项目

    在 Node 中,Http 是首要的。Node 为创建 http 服务器作了优化,所以你在网上看到的大部分示例和库都是集中在 web 上(http 框架、模板库等)。...在浏览器中执行的大多数事情都可以使用 Puppeteer 完成,比如: ● 生成屏幕截图和 PDF 页面。 ● 检索 SPA 并生成预渲染内容(即“SSR”)。 ● 从网站上刮下内容。...● 自动提交表单,UI 测试,键盘输入等 ● 创建一个最新的自动测试环境。使用最新的JavaScript和浏览器功能,在最新版本的 Chrome 中直接运行测试。...RPC 产品 6 高性能纯 JavaScript 懒加载器 Lozad.js https://github.com/ApoorvSaxena/lozad.js Star 2907 ?...Lozad.js 是一款基于 IntersectionObserver API 的高性能、轻量级(〜0.5kb)和可配置的懒加载器,纯 JavaScript ,无依赖,可用于延迟加载图片、iframe

    1.4K40

    如何在50行以下的Python代码中创建Web爬虫

    我们先来谈谈网络爬虫的目的是什么。如维基百科页面所述,网络爬虫是一种以有条不紊的方式浏览万维网以收集信息的程序。网络爬虫收集哪些信息?...通常有两件事: 网页内容(页面上的文字和多媒体) 链接(在同一网站上的其他网页,或完全与其他网站) 这正是这个小“机器人”所做的。它从你输入spider()函数的网站开始,查看该网站上的所有内容。...对于更难搜索的单词,可能需要更长时间。搜索引擎的另一个重要组成部分是索引。索引是您对Web爬网程序收集的所有数据执行的操作。...索引意味着您解析(浏览和分析)网页内容并创建一个易于访问且可快速检索 *的大型集合(思考数据库或表)信息。...进一步阅读 2014年12月,我写了一篇关于使用Java制作网络爬虫的指南,并在2015年11月,我写了一篇关于在Node.js / Javascript中制作网络爬虫的指南。

    3.2K20

    从零开始使用 Astro 的实用指南

    我还会告诉你如何从服务器上获取数据,创建布局,并使用vanilla JavaScript和其他框架添加互动性。准备好享受一些动手的乐趣,因为我们将一起创建一个小型的网站实例。...它还允许我们在需要时加入动态的客户端JavaScript,这意味着我们可以在网站上拥有可交互的组件,但只在必要时进行。换句话说,Astro允许你从简单的开始,在需要时增加复杂性。...牢记这些信息,让我们在 src/pages 目录中创建我们的第一个内容。...为了更有条理,我创建了一个blog文件夹,把我的.md文件放在那里,并把我的第一个Markdown内容添加到其中: image.png 由于src/pages目录下的Astro组件(.astro)和Markdown...围绕使用Vue、React和Svelte等框架进行构建的工具是一流的。然而,使用这些框架的代价往往是在我们的页面上发送大量的JavaScript,即使是简单的静态内容。

    1K40
    领券