Jade結合CKEditor進行視覺化編輯

2021-09-19 07:47:28 字數 1335 閱讀 7894

嵌入的過程主要分3部分:

載入ckeditor的js檔案

啟用要使用編輯器的textarea元素

將textarea元素繫結變數(可選)

在jade檔案中通過script載入js檔案,將下述**新增到jade檔案中:

script(src='')
script.

ckeditor.replace('content');

上述設定中,content為textarea的name屬性,或者是id屬性。

.form-group

label 內容

textarea.form-control(id='content', name='content', required)

| #

上述**中的post.content為controller中傳送過來的物件。通過| #即可將物件與編輯器進行繫結。

extends ../layout

include ../_includes/share

block content

h1= edittype

.row

.col-md-6

form(action="#", method="post")

input( type="hidden", name="_id", value=post._id )

.form-group

label( for="title" ) 標題

input#title.form-control(type="text", name="title", value=post.title)

p.help-block 請輸入週報的標題

.form-group

label( for="path" ) 唯一路徑

input#path.form-control(type="text", name="path", value=post.path)

p.help-block 本post的唯一路徑,由英文本母或數字組成,將用於/post/path訪問.

.form-group

label 內容

textarea.form-control(id='content', name='content', required)

| #button.btn.btn-primary( type="submit" ) #

script(src='')

script.

ckeditor.replace('content');

使用Matplotlib進行視覺化

import matplotlib.pyplot as plt matplotlib inline 畫板用於管理畫布 figsize 設定畫板的尺寸,facecolor 設定畫板顏色 figure plt.figure figsize 4,2 facecolor red 畫布將資料的影象呈現出來 引...

如何啟動tensorboard進行視覺化

2017年09月11日 tensorboard是tensorflow下的乙個視覺化的工具,能夠幫助研究者們視覺化訓練大規模神經網路過程中出現的複雜且不好理解的運算,展示訓練過程中繪製的影象 網路結構等。最近本人在學習這方面的內容,然而出現了一些問題,我的問題是在完成相應 準備好視覺化資料後無法啟動t...

pytorch 使用visdom進行視覺化

相比tensorbordx,visdom重新整理更快,介面體驗也良好,首先是visdom的安裝,與普通的python庫一樣,直接pip install visdom即可 成功安裝後,在控制台下輸入python m visdom.server 複製http localhost 8097,輸入瀏覽器即可...