Title: Create with Code
Author: pddring
Published: <strong>2017 年 9 月 8 日</strong>
Last modified: 2024 年 12 月 19 日

---

搜尋外掛

![](https://ps.w.org/create-with-code/assets/banner-772x250.png?rev=1727049)

![](https://ps.w.org/create-with-code/assets/icon-256x256.png?rev=1727049)

# Create with Code

 由 [pddring](https://profiles.wordpress.org/pddring/) 開發

[下載](https://downloads.wordpress.org/plugin/create-with-code.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/create-with-code/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/create-with-code/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/create-with-code/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/create-with-code/#developers)

 [技術支援](https://wordpress.org/support/plugin/create-with-code/)

## 外掛說明

create.withcode.uk lets you write, run, debug and share python code in your browser.
This plugin lets you quickly embed your code projects in your wordpress site

When you share a project from create.withcode.uk, you get a URL like: https://create.
withcode.uk/embed/3C or https://create.withcode.uk/run/3C

Take the last section of the URL and use it in the shortcode to embed it in your
wordpress site:

    ```
    [withcode id="3C"]
    ```

You can customise choose to display the code or run it using the mode attribute:

    ```
    [withcode id="3C" mode="embed"] 
    ```

or

    ```
    [withcode id="3C" mode="run"]
    ```

You can also specifiy the height / width of the code snippet:

    ```
    [withcode id="3C" mode="embed" width="400px" height="600px"]
    ```

You can customise the colour scheme by rotating all the colours on the toolbar icons
by a hue value:
 [withcode id=”3C” hue=”45″]

Or you can make the toolbar icons greyscale as follows:
 [withcode id=”3C” grey=”
1″]

### Please note:

This plugin just lets you embed python code from create.withcode.uk in a wordpress
site.
 The python code can be run in an iframe in your site by pressing `Ctrl + 
Enter` to run the whole program or `Ctrl + Space` to run one line at a time. Python
code is interpreted and run in the client’s browser: it doesn’t run on your server
and it only supports a sandboxed subset of the fully python language. This is designed
as a teaching and learning aid rather than a fully fledged professional development
tool.

## 安裝方式

Upload the create-withcode plugin to your blog, Activate it and add a shortcode 
to any page / post

## 使用者評論

![](https://secure.gravatar.com/avatar/3e51197a0e9b387456f5a6a6d2d4c2b37b85557ada4f2a4e9b281c1b3f117c1f?
s=60&d=retro&r=g)

### 󠀁[Does what I want, Python in WordPress](https://wordpress.org/support/topic/does-what-i-want-python-in-wordpress/)󠁿

 [headyrooms](https://profiles.wordpress.org/headyrooms/) 2026 年 1 月 21 日

This plugin was perfect for my use case. I wanted to embed a Python script in a 
WordPress post and allow readers to execute it to see console print. I also hoped
I could use the short code in a post’s “excerpt” and it would just work. Indeed,
it just worked.

![](https://secure.gravatar.com/avatar/6b0445fc305fb64f7edfe124f696ddb1fdba23df7fd8afeddc4dc0ff548185ef?
s=60&d=retro&r=g)

### 󠀁[Great Plugin](https://wordpress.org/support/topic/great-plugin-29774/)󠁿

 [ishaq01](https://profiles.wordpress.org/ishaq01/) 2021 年 2 月 15 日

It is a good plugin with python 3 support and allows u to run and test python within
you browser. It have some limitations but I think, with all its features these limitations
are bearable.

![](https://secure.gravatar.com/avatar/46a3be7261412fe9a06000f1cf920db165545b27ced1f5602f4247941d55d570?
s=60&d=retro&r=g)

### 󠀁[It surely has some limitations but it does it’s job well.](https://wordpress.org/support/topic/it-surely-has-some-limitations-but-it-does-its-job-well/)󠁿

 [WPguy](https://profiles.wordpress.org/romangurbanov/) 2020 年 12 月 15 日

I’m not sure why the plugin doesn’t get as much love as it deserves. It’s free and
simple. Great for programming basics. It surely has some limitations but it does
its job well.

![](https://secure.gravatar.com/avatar/9758fc2d6e77642f2c362a2aea0eabffe943e1bbf3b864c8220bc53e8f474cd7?
s=60&d=retro&r=g)

### 󠀁[interpreter doesn’t adhere to Python language](https://wordpress.org/support/topic/interpreter-doesnt-adhere-to-python-language/)󠁿

 [joooeey](https://profiles.wordpress.org/joooeey/) 2020 年 9 月 13 日 1 則留言

I was quite excited about this tool. Then disappointed to find out that the interpreter
doesn’t implement the Python language correctly. Literally the first I thing I tried
didn’t work the way it should: Python guarantees that sorting is stable, so if you
run sorted(mylist, key=…) twice with different key keywords, the first sort should
be preserved. But that didn’t work in Withcode. Too bad.

![](https://secure.gravatar.com/avatar/0e9dfd2690e68158a9dbfd60d99edca9cfbff394a6562b69e68a1f55babec559?
s=60&d=retro&r=g)

### 󠀁[Great plugin with Python 3 support](https://wordpress.org/support/topic/untrustworthy-spammy-bad-ui/)󠁿

 [zer0sn0t](https://profiles.wordpress.org/zer0sn0t/) 2020 年 2 月 21 日 2 則留言

This plugin is very easy to use. It allows you to run Python 3 code and displays
the output on your website. The code displayed is color coded and we have a big 
sign informing the user to press “ctrl + enter” to run the Python 3 code. I like
the color combination and the big sign (though I wish that that sign was permanent).
What I understand is that Python is installed on a remote server. This plugin allows
you to make requests to that server with Python code, run it, and fetch the output.
This is done easily with a ctrl+enter keyboard shortcut. Once you enter the hotkey,
it displays the output in a pretty well-contrasted theme that IMO is a color combination
that should work with loads of themes. As for the execution of the code, I think
that it is pretty flawless. Although I’m not sure whether file management is supported
or not. The execution is pretty instantaneous runs, pretty flawlessly, on a remote
server. Everything runs in a sandboxed environment. So you don’t need to bother 
about any python installation issues + security issues. The default color for this
widget is quite classy and it goes with multiple theme selections. Overall, I’m 
quite satisfied with this plugin.

 [ 閱讀全部 5 則使用者評論 ](https://wordpress.org/support/plugin/create-with-code/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Create with Code〉的開發相關工作。

參與者

 *   [ pddring ](https://profiles.wordpress.org/pddring/)

[將〈Create with Code〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/create-with-code)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/create-with-code/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/create-with-code/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/create-with-code/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/create-with-code/)。

## 變更記錄

#### 1.5

 * Release Date – 19th Dec 2024*
    Security updates (thanks to SOPROBRO)

#### 1.4

 * Release Date – 26th March 2020*
    Added support for greyscale icons or a different
   colour scheme (hue rotation)

#### 1.3

_Release Date – 16th march 2020_

#### 1.2

_Release Date – 9th Sep 2019_

#### 1.1

_Release Date – 29th May 2018_

#### 1.0

_Release Date – 14 April 2016_

 * Initial release

## 中繼資料

 *  版本 **1.4**
 *  最後更新 **1 年前**
 *  啟用安裝數 **400+**
 *  WordPress 版本需求 ** 3.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.7.5**
 *  語言
 * [English (US)](https://wordpress.org/plugins/create-with-code/)
 * 標籤:
 * [code](https://tw.wordpress.org/plugins/tags/code/)[computing](https://tw.wordpress.org/plugins/tags/computing/)
   [cs](https://tw.wordpress.org/plugins/tags/cs/)[python](https://tw.wordpress.org/plugins/tags/python/)
 *  [進階檢視](https://tw.wordpress.org/plugins/create-with-code/advanced/)

## 評分

 4.2 星，滿分為 5 星

 *  [  4 個 5 星使用者評論     ](https://wordpress.org/support/plugin/create-with-code/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/create-with-code/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/create-with-code/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/create-with-code/reviews/?filter=2)
 *  [  1 個 1 星使用者評論     ](https://wordpress.org/support/plugin/create-with-code/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/create-with-code/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/create-with-code/reviews/)

## 參與者

 *   [ pddring ](https://profiles.wordpress.org/pddring/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/create-with-code/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](http://paypal.me/pddring)