CARVIEW |
Select Language
HTTP/2 200
date: Tue, 29 Jul 2025 11:24:15 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
etag: W/"e0248ff251eb235dda7bbc4383249b42"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=E%2F%2F6f6Bw%2FJnxKCzreZ00CYbp0GVYr3v9YYWQ9aRWn1naREN0lgv862SqD9nXwW1dNpNZDNvvl9uD4BXMvaAKrv2UG07aCNNutK6SOgyv31pIIwJku4%2BdmfXMtHYvTuUPLWj32ei0htx%2Fa8rcYlaTTMm4JC%2FA%2FrYqkVdb1JYeoru9MbZOSq6iagDzbn7SVvVnhyH2lQ%2B6Ah5Mc6jUuBe46rNtm%2B8aVbyvML4bPMtijGwfPnWjkwjFvepCv7iVEMEiKpUzKMXGkPQgIJdXQmfA2Q%3D%3D--t7aVXrcamZANw067--anA8gj8q8hmSdWokI1yIqA%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1940978579.1753788254; Path=/; Domain=github.com; Expires=Wed, 29 Jul 2026 11:24:14 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Wed, 29 Jul 2026 11:24:14 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: D5F4:17B9D8:99F792:B8CA9D:6888AF5E
GitHub - lmccart/p5.js-wp-embedder: This plugin embeds a live running p5.js sketch into a WordPress blog post or page.
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 4
This plugin embeds a live running p5.js sketch into a WordPress blog post or page.
lmccart/p5.js-wp-embedder
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
SUPPORT FOR THIS HAS BEEN DISCONTINUED, USE AT YOUR OWN RISK :) === p5.js Embedder === Contributors: lmccart Tags: p5.js, p5, javascript, js, teaching, processing Requires at least: 3.0.1 Tested up to: 4.2.3 Stable tag: 0.1.3 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html This plugin embeds a live running p5.js sketch into a WordPress blog. There are options to show or hide the associated code and to set the size of the sketch frame. You can see an example of it running [here](https://lauren-mccarthy.com/inmotion/2014/09/test-5/). [p5js.org](https://p5js.org): p5.js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today’s web. == Description == ####To include a p5 sketch: 1. Upload the sketch.js file to Media Library. 2. While editing post, choose 'Add Media' and choose the uploaded JS file, it will add a link in your post. 3. Add class='p5-embed' to the link to specify it should be parsed as a p5 sketch. `<a href='#' class='p5-embed'>your_filename</a>` 4. If you would like to specify the height and width of the frame of your sketch, use the data-height and data-width tags (you can specify one or both of these). `<a href='#' data-height='400' data-width='600' class='p5-embed'>your_filename</a>` 5. By default the sketch and code are displayed. If you would like to hide the code, use the tag data-nocode='true'. `<a href='#' data-nocode='true' class='p5-embed'>your_filename</a>` 6. You can override the default font-size by adding data-fontsize=n, where n is the size of the font in pixels (for example, 10). ####Including media To include external files (for example, an image via loadImage) you will need to upload the files individually to wordpress and use the full blog url or the upload in the JS code. == Installation == 1. Choose 'Plugins', 'Add New', 'Upload', and upload p5-embedder.zip. 2. Activate the plugin. See Description for instructions for use in posts. == Changelog == = 0.1.1 = * Fixed jquery link to work for 0.4. = 0.1.2 = * Fixed issue with wordpress 4.2.3 causing errors. = 0.1.3 = * Updated to v0.4.9 of p5.js
About
This plugin embeds a live running p5.js sketch into a WordPress blog post or page.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published
You can’t perform that action at this time.