updatew.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <extend name="Public/index"/>
  2. <block name="style">
  3. <link rel="stylesheet" href="__PUBLIC__/mark/css/editormd.css">
  4. <style>
  5. .checkbox input{
  6. width: 18px;
  7. height: 18px;
  8. background-color: white;
  9. }
  10. .checkbox label{
  11. width: auto;
  12. height: 24px;
  13. /*border: 1px solid grey;*/
  14. }
  15. </style>
  16. </block>
  17. <block name="main">
  18. <div id="page-wrapper" >
  19. <div id="page-inner">
  20. <div class="row">
  21. <div class="col-md-12">
  22. <h1 class="page-header">
  23. 修改文档</small>
  24. </h1>
  25. </div>
  26. </div>
  27. <!-- /. ROW -->
  28. <div class="row">
  29. <div class="col-lg-12">
  30. <div class="panel panel-default">
  31. <div class="panel-heading">
  32. </div>
  33. <div class="panel-body">
  34. <div class="row">
  35. <div class="col-lg-10">
  36. <form role="form" action="{:U('Index/showall')}" enctype="multipart/form-data" method="post">
  37. <div class="form-group">
  38. <label>文章标题</label>
  39. <input class="form-control" placeholder="请输入文章标题" name="a-title" value="{$showa['a-title']}">
  40. </div>
  41. <div class="form-group">
  42. <label>作者</label>
  43. <input class="form-control" placeholder="请输入作者名称" name="a-auther" value="{$showa['a-auther']}">
  44. </div>
  45. <div class="form-group">
  46. <label>文章封面</label>
  47. <img src="{$showa['a-img']}" alt="" style="width: 200px">
  48. <input type="file" name="a-img" value="" accept=".jpg,.jpeg,.png" title="请选择封面">
  49. </div>
  50. <div class="form-group">
  51. <label>类型</label>
  52. <div class="checkbox">
  53. <label class="checkbox-inline">
  54. <input type="checkbox" value="PHP" name="a-type[]" >PHP
  55. </label>
  56. <label class="checkbox-inline">
  57. <input type="checkbox" value="HTML" name="a-type[]">HTML
  58. </label>
  59. <label class="checkbox-inline">
  60. <input type="checkbox" value="JS" name="a-type[]">JS
  61. </label>
  62. <label class="checkbox-inline">
  63. <input type="checkbox" value="jQuery" name="a-type[]">jQuery
  64. </label>
  65. <label class="checkbox-inline">
  66. <input type="checkbox" value="ThinkPHP" name="a-type[]">ThinkPHP
  67. </label>
  68. <label class="checkbox-inline">
  69. <input type="checkbox" value="ThinkPHP" name="a-type[]">laravel
  70. </label>
  71. <label class="checkbox-inline">
  72. <input type="checkbox" value="ThinkPHP" name="a-type[]">markdown
  73. </label>
  74. <label class="checkbox-inline">
  75. <input type="checkbox" value="ThinkPHP" name="a-type[]">编程工具
  76. </label>
  77. <label class="checkbox-inline">
  78. <input type="checkbox" value="ThinkPHP" name="a-type[]">其他
  79. </label>
  80. </div>
  81. </div>
  82. <div class="form-group">
  83. <label>简介</label>
  84. <div id="test-editormd">
  85. <textarea style="display: none" class="form-control" rows="3" name="a-jianjie" id='jianjie'>{$showa['a-jianjie']}</textarea></div>
  86. </div>
  87. <div class="form-group">
  88. <label for="">内容</label>
  89. <div id="demo1">
  90. <textarea name="a-main" id="text" cols="30" rows="10">{$showa['a-main']}</textarea></div>
  91. </div>
  92. <div style="text-align: center;">
  93. <button type="submit" class="btn btn-primary" onclick="return confirm('确定上传!?');value='确定'">上传</button>
  94. </div>
  95. </form>
  96. </div>
  97. </div>
  98. <!-- /.row (nested) -->
  99. </div>
  100. <!-- /.panel-body -->
  101. </div>
  102. <!-- /.panel -->
  103. </div>
  104. <!-- /.col-lg-12 -->
  105. </div>
  106. </div>
  107. <!-- /. PAGE INNER -->
  108. </div>
  109. <!-- /. PAGE WRAPPER -->
  110. </div>
  111. </block>
  112. <block name="js">
  113. <script src="__PUBLIC__/edit/ckeditor.js"></script>
  114. <script type="text/javascript" src="__PUBLIC__/mark/editormd.js"></script>
  115. <!-- <script>
  116. CKEDITOR.replace('text',{
  117. toolbar : 'Full',
  118. uiColor : '#9AB8F3',
  119. height:'200'
  120. });
  121. // CKEDITOR.replace('jianjie',{
  122. // toolbar : 'Full',
  123. // uiColor : '#9AB8F3',
  124. // height:'200'
  125. // });
  126. </script> -->
  127. <script>
  128. $(function() {
  129. var testEditor = editormd("test-editormd", {
  130. width: "90%",
  131. height: 400,
  132. markdown : "",
  133. // autoHeight : true,
  134. path : '__PUBLIC__/mark/lib/',
  135. overflow:"auto",
  136. theme : "default | dark",
  137. //dialogLockScreen : false, // 设置弹出层对话框不锁屏,全局通用,默认为 true
  138. //dialogShowMask : false, // 设置弹出层对话框显示透明遮罩层,全局通用,默认为 true
  139. //dialogDraggable : false, // 设置弹出层对话框不可拖动,全局通用,默认为 true
  140. //dialogMaskOpacity : 0.4, // 设置透明遮罩层的透明度,全局通用,默认值为 0.1
  141. //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色,全局通用,默认为 #fff
  142. imageUpload : true,
  143. imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  144. imageUploadURL : "/upload",
  145. /*
  146. 上传的后台只需要返回一个 JSON 数据,结构如下:
  147. {
  148. success : 0 | 1, // 0 表示上传失败,1 表示上传成功
  149. message : "提示的信息,上传成功或上传失败及错误信息等。",
  150. url : "图片地址" // 上传成功时才返回
  151. }
  152. */
  153. });
  154. });
  155. </script>
  156. <script>
  157. $(function() {
  158. var testEditor = editormd("demo1", {
  159. width: "90%",
  160. height: 600,
  161. markdown : "",
  162. // autoHeight : true,
  163. overflow:"auto",
  164. theme : "default | dark",
  165. path : '__PUBLIC__/mark/lib/',
  166. //dialogLockScreen : false, // 设置弹出层对话框不锁屏,全局通用,默认为 true
  167. //dialogShowMask : false, // 设置弹出层对话框显示透明遮罩层,全局通用,默认为 true
  168. //dialogDraggable : false, // 设置弹出层对话框不可拖动,全局通用,默认为 true
  169. //dialogMaskOpacity : 0.4, // 设置透明遮罩层的透明度,全局通用,默认值为 0.1
  170. //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色,全局通用,默认为 #fff
  171. imageUpload : true,
  172. imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
  173. imageUploadURL : "/upload",
  174. /*
  175. 上传的后台只需要返回一个 JSON 数据,结构如下:
  176. {
  177. success : 0 | 1, // 0 表示上传失败,1 表示上传成功
  178. message : "提示的信息,上传成功或上传失败及错误信息等。",
  179. url : "图片地址" // 上传成功时才返回
  180. }
  181. */
  182. });
  183. });
  184. </script>
  185. </block>