cherry-markdown
cherry-markdown copied to clipboard
【丰富demo】-angular
弄一个angular下使用cherry markdown的demo,demo中需包含:
- 初始化cherry
- 通过cherry api变更内容
本issue为2024犀牛鸟开源人才培养活动专属issue,仅供在校大学生参与领取 【认领issue】在研学基地"issue营地"对应issue行的M~R列抢滩报名,即视为认领成功。 【完成issue】已认领issue的同学,请同步在本issue评论区回复“已成功领取本issue”; 如7天内无提交任何进展包括不限于comment \ commit \ Pull Request,则将视为同学主动放弃issue,组委会将释放issue给下一位等候者。
demo放在/examples/目录下
最好以UMD形式引入框架,用一个XXX.html文件完成demo
开发文档在这里
开发方式:
- fork项目到自己的项目里
- 从自己项目里的dev分支拉个新分支开发
- 完成开发后pr到cherry markdown项目的dev分支 (提交时不需要提交
/dist/目录下的变更)
已成功领取本issue
你好,想问下Angular项目不能通过引用cdn资源来直接使用,需要搭建一个cli,我能否在examples重开一个文件夹用户搭建AngularCli来写demo? @sunsonliu
也可以试试这种方式哈,看这种方式是否可行,不行的话就弄个目录吧:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Angular Example</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.2/angular-route.min.js"></script>
</head>
<body>
<app-root></app-root>
<script>
angular.module('myApp', [])
.component('appRoot', {
template: `
<h1>Hello, World!</h1>
<p>Welcome to my Angular app.</p>
`
});
angular.bootstrap(document, ['myApp']);
</script>
</body>
</html>
好的感谢,我试试