Kenta Ishii

Jimmy Codeviewer is a shortcode library to load text, SVG (Scalable Vector Graphics) and other scripts to WordPress pages. By using this plugin, you can reduce quantity of your code, e.g., if you want to put a proportional sample of programming code in your page, you just type one shortcode, then you get the sample with line numbers and colored words which you intended. In addition, you can make pages with layout similar to magazines on paper by using “magazine”, a theme template.
<h4>Introduction</h4>
In my first mind, I purposed to make a viewer for programming code for my site that introduces my articles. It was OK and named this plugin as “Jimmy Codeviewer”. But in making “Jimmy Codeviewer”, I think this could be a multipurpose text viewer. On this time, many news sites have very simple layout for their contents. You could watch magazines or papers at a news-stand everyday, and these are so colorful and design-riches. I just want these on Internet. Colorful design-riches actually make us some attention and affection. Web browsers are growing their rendering ability right now. This challenge — making magazines or newspapers on Internet — not a dream, but a real on Internet. In addition, I tried to change WordPress to SVG-Free. SVG (Scalable Vector Graphics) is one of vector graphics containers. It’s just like HTML and JavaScrpt. This is exactly the reason why WordPress Community prohibits to upload SVG Files by Media Uploader. If SVGs are programming codes, these should be stored as scripts in pages. But “Posts” and “Pages” are having their own purposes as public pages. So I decided to make “jArticles”, inner pages and store texts, SVGs and scripts to “jArticles”. For loading “jArticles” on “Posts”, I made several WordPress shortcodes.
Jimmy Codeviewer consists of three departments which have several WordPress shortcodes and functions.
I. Code Viewer
a. Shortcodes: [codeview_byid] and [codeview_byname] to show text in “Posts”.
b. Edit Instructions: <code>(edit(exam-ple))</code> to make HTML markup or other escaped literal codes in “jArticles” pages.
c. Style Sheet: CSS Style Sheet to make web layout easier with Code Viewer.
II. Article Loader
a. Shortcodes: [articleloader_byid] and [articleloader_byname] to show SVGs or other scripts in “Posts”.
III. Color and Style Changer
a. Shortcodes: [init_spansearch], [spansearch] and [spansearch_all] to change the text color and other styles. [divsearch] to change the row styles.
b. JavaSctipt: ‘spanSearch’ and its family, the engine to provide the above shortcodes to function.
<h4>Copyright</h4>
The Jimmy Codeviewer, A WordPress Plugin, Copyright 2017 Kenta Ishii 
Jimmy Codeviewer is distributed under the terms of the GNU GPL
This program is free software: you can redistribute it and/or modify 
it under the terms of the GNU General Public License as published by 
the Free Software Foundation, either version 2 of the License, or 
(at your option) any later version.
This program is distributed in the hope that it will be useful, 
but WITHOUT ANY WARRANTY; without even the implied warranty of 
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 
GNU General Public License for more details.

Jimmy Codeviewer

Jimmy Codeviewer is a shortcode library to load text, SVG (Scalable Vector Graphics) and other scripts to WordPress pages.

Ben Lawson

Thomas McMahon

Incorporate <a href="https://github.com/mozilla/pdf.js/" rel="nofollow ugc">Mozilla’s PDF.js</a> viewer into your pages and posts via a Gutenberg block or a simple shortcode. PDF.js is a javascript library for displaying pdf pages within browsers.
Features:
<ul>
<li>Gutenberg Block and Shortcode</li>
<li>Translation Support (plugin only): Spanish and French included, ready for more languages</li>
<li>Elegant Theme that adapts to dark and light mode (if browser supports dynamic CSS)</li>
<li>Customizable buttons</li>
<li>Page navigation drawer</li>
<li>Search functionality</li>
<li>Protected PDF password entry</li>
<li>Loading bar & displays partially loaded PDF (great for huge PDFs!)</li>
<li>Document outline</li>
<li>Classic Editor: Easy to use editor media button that generates the shortcode for you</li>
<li>Support for mobile devices</li>
</ul>
Shortcode Syntax:
<pre><code>`
</code></pre>
[pdfjs-viewer attachment_id=123 viewer_width=600px viewer_height=700px fullscreen=true download=true print=true] 
 `
Or use a direct URL:
<pre><code>`
</code></pre>
[pdfjs-viewer url=http://www.website.com/test.pdf viewer_width=600px viewer_height=700px fullscreen=true download=true print=true] 
 `
Shortcode Parameters:
<ul>
<li><code>attachment_id</code> (recommended): ID of the media file in WordPress media library</li>
<li><code>url</code> (alternative): Direct URL to PDF file. Use <code>attachment_id</code> when possible for better security.</li>
<li><code>viewer_width</code> (optional): Width of the viewer (default: <code>100%</code>)</li>
<li><code>viewer_height</code> (optional): Height of the viewer (default: <code>800px</code>)</li>
<li><code>fullscreen</code> (optional): <code>true</code>/<code>false</code>, displays fullscreen link above viewer (default: <code>true</code>)</li>
<li><code>fullscreen_text</code> (optional): Text for the fullscreen link (default: <code>View Fullscreen</code>)
<ul>
<li>Spaces not allowed. Use <code>%20</code> in place of spaces.</li>
</ul>
</li>
<li><code>fullscreen_target</code> (optional): <code>true</code>/<code>false</code>, open the fullscreen link in a new tab (default: <code>false</code>)</li>
<li><code>download</code> (optional): <code>true</code>/<code>false</code>, enables or disables download button (default: <code>true</code>)</li>
<li><code>print</code> (optional): <code>true</code>/<code>false</code>, enables or disables print button (default: <code>true</code>)</li>
<li><code>openfile</code> (optional): <code>true</code>/<code>false</code>, show open file button (default: <code>false</code>)</li>
<li><code>zoom</code> (optional): Initial zoom level – <code>auto</code>, <code>page-actual</code>, <code>page-fit</code>, <code>page-width</code>, or percentage like <code>75</code>, <code>100</code>, <code>150</code> (default: <code>auto</code>)</li>
</ul>
Want to help develop the plugin? Found a bug? <a href="https://github.com/TwisterMc/PDF.js-Viewer-Shortcode" rel="nofollow ugc">Find us on GitHub</a>. For build instructions and contribution guidelines see the developer guide in <code>DEVELOPER.md</code>.
<h3>Admin Notice After Updates / Invalid Block</h3>
When you update the plugin, editors may see an admin banner explaining that Gutenberg could show an “Attempt Block Recovery” prompt when editing older posts with PDFs. Clicking it updates the block format; it does not affect what visitors see. You can dismiss the banner, and it won’t reappear until a future release enables it again.
<h3>License</h3>
This WordPress plugin is licensed under GPLv2 or later.
PDF.js (included in this plugin) is developed by Mozilla and licensed under the Apache License 2.0. See the <a href="https://github.com/mozilla/pdf.js" rel="nofollow ugc">PDF.js repository</a> for details.

PDF.js Viewer


I was impressed with the level of support provided with the recent issue where the plugin stopped displaying due to Mozilla’s PDFjs, and they started using mjs files.



Thank you for an excellent plugin.


Jimmy Codeviewer vs PDF.js Viewer