Skip to content

Instantly share code, notes, and snippets.

@dcondrey
dcondrey / savetoDoc.js
Created August 5, 2017 22:29
Export an HTML element to Microsoft Word with CSS styles to set page orientation and paper size.
/* HTML to Microsoft Word Export
* This code demonstrates how to export an html element to Microsoft Word
* with CSS styles to set page orientation and paper size.
* Tested with Word 2010, 2013 and FireFox, Chrome, Opera, IE10-11
* Fails in legacy browsers (IE<10) that lack window.Blob object
*/
function saveDoc() {
if (!window.Blob) {
alert('Your legacy browser does not support this action.');
@dcondrey
dcondrey / ffmpegchapters-explicit.sh
Created April 20, 2016 08:34
Use ffmpeg to split file by chapters. Python version and bash version
#!/bin/bash
# Author: http://crunchbang.org/forums/viewtopic.php?id=38748#p414992
# m4bronto
# Chapter #0:0: start 0.000000, end 1290.013333
# first _ _ start _ end
while [ $# -gt 0 ]; do
ffmpeg -i "$1" 2> tmp.txt
/**
* Calculate the contrast of a color to determine the appropriate opposing text color.
* @author D. Condrey
* @param {string|object} - element background-color or element
* @return {string}
* white - if background is a dark shade color
* black - if background is a light shade color
*/
define(function() {
select, input, button, textarea {
font-size: 100%;
font-family: Arial, sans-serif;
font-weight: normal;
vertical-align: baseline;
margins: 2px 2px 10px 0;
padding: 4px 3px;
}
input, button, textarea {
@dcondrey
dcondrey / mcedemo_plugin.js
Created December 7, 2014 06:36
Add Page-Break, Highlight/Background-Color, extra buttons into the third row (row empty by default), extra buttons into the fourth row (row empty by default), modify dropdown menus, other misc mods
(function() {
tinymce.create('tinymce.plugins.WRAP', {
init : function(ed, url) {
/* wrapping button take 1 */
ed.addButton('demobutton0', {
title : 'Wrap Selection in green!',
cmd : 'mceWRAP',
image : url + '/coffee.png'
});
@dcondrey
dcondrey / front-end-title-edit.js
Created December 7, 2014 06:21
Basic WP plugin, front-end editing with ajax
jQuery(document).ready( function($) {
$('.entry-title a').after( ' <button class="edit-title">EDIT</button>');
$('.entry-title').on( 'click', '.edit-title', function(ev) {
ev.preventDefault();
var postId = $(this).closest('article.post').attr('id').replace('post-','');
$a = $(this).prev('a'),
title = $a.text(),
newTitle = prompt( 'New Title', title );
@dcondrey
dcondrey / responsive-youtube-iframe.css
Last active November 21, 2022 14:39
Really responsive Youtube iFrame (width XOR height ) *Preview available here: https://www.thebouqs.com/en/content/8-how-it-works
#hero { width:100%;height:100%;background:url('{$img_ps_dir}cms/how-it-works/hero.jpg') no-repeat top center; }
.videoWrapper { position:relative;padding-bottom:56.25%;padding-top:25px;max-width:100%; }
@media (min-width:1000px) {
#hero { background-size:cover; }
}
@media (max-width:767px) {
#hero { width:100%;height:94%!important;background:url('{$img_ps_dir}cms/how-it-works/hero-mobile.jpg') no-repeat top center;background-position: 0 -155px;height: 273px!important;background-position:0 -209px; }
}
@media (max-width:540px) {
@dcondrey
dcondrey / format-audio.php
Created July 19, 2014 08:21
Modify Wordpress Post Formats and display them as a horizontal tab bar along the top of the post editor page.
<div class="post-editor-block" id="post-editor-audio-fields" style="display: none;">
<label for="post-editor-audio-embed"><?php _e('Audio URL (oEmbed) or Embed Code', 'post-format'); ?></label>
<textarea name="_format_audio_embed" id="post-editor-audio-embed" tabindex="1"><?php echo esc_textarea(get_post_meta($post->ID, '_format_audio_embed', true)); ?></textarea>
</div>
@dcondrey
dcondrey / WP_secondary_editor
Created July 3, 2014 04:12
Add a second TinyMCE editor to Wordpress post editor page. The second editor will look, and function exactly like the original one with full toolbar, and support for shortcodes.
/* Second Post Editor TinyMCE Editor */
class SubContentEditor {
public $meta_key = 'subcontent';
public $meta_label = 'Right Side'; // Headline above editor
public $post_type = array( 'page' ); // The post type in which the editor should display
public $wpautop = true; // Automatically create paragraphs?
function __construct() {
add_action( 'edit_form_after_editor', array( &$this, 'edit_form_after_editor' ) );