diff --git a/admin/src/components/Tinymce.vue b/admin/src/components/Tinymce.vue
index 4b6c39a..a3f9d3d 100644
--- a/admin/src/components/Tinymce.vue
+++ b/admin/src/components/Tinymce.vue
@@ -29,17 +29,18 @@ const createTinymce = () => {
   tinymce.init({
     selector: `#editor`,
     language: 'zh_CN',
-    plugins: "code image axupimgs",
+    plugins: "code image axupimgs codesample",
     toolbar: 'undo redo ' +
-      '| code axupimgs' +
-      '| formatselect fontselect fontsizeselect ' +
-      '| bold italic underline strikethrough ' +
-      '| alignleft aligncenter alignright alignjustify ' +
-      '| cut copy paste ' +
-      '| bullist numlist ' +
-      '| outdent indent ' +
-      '| blockquote removeformat ' +
-      '| subscript superscript',
+        '| codesample code ' +
+        '| axupimgs ' +
+        '| formatselect fontselect fontsizeselect ' +
+        '| forecolor backcolor bold italic underline strikethrough ' +
+        '| alignleft aligncenter alignright alignjustify ' +
+        '| cut copy paste ' +
+        '| bullist numlist ' +
+        '| outdent indent ' +
+        '| blockquote removeformat ' +
+        '| subscript superscript',
     menubar: false,
     width: 1000,
     height: 300,