angular+squire实现一个简洁的富文本编辑器效果代码
代码语言:html
所属分类:其他
代码描述:angular+squire实现一个简洁的富文本编辑器效果代码
代码标签: angular +squire 简洁 富文本 编辑器
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/angular-material.min.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Roboto'>
<link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
<style>
body,
#app {
height: 100%;
}
sw-editor article {
min-height: 200px;
}
sw-editor article:focus {
outline: 0;
}
</style>
</head>
<body translate="no" >
<div id="app" ng-controller="DemoCtrl" ng-cloak ng-app="app" layout="row" layout-padding layout-align="center center">
<h2>Rich Text</h2>
<sw-editor flex></sw-editor>
<!-- this will be required in app -->
<script type="text/ng-template" id="editor.html">
<div layout="row">
<md-button ng-class="{'md-primary':.........完整代码请登录后点击上方下载按钮下载查看
网友评论0