Truncate text

RyanReese · July 22, 2015, 3:50pm

http://westmark.finalsite.com/

Look at the Facebook section. Given that HTML, is there anyway to truncate the text at a certain character amount? I know about substr and everything, but given the HTML with the dynamic-valued spans in the beginning/end…how should I approach this?

I’m using jQuery.

jeffreylees · July 22, 2015, 3:56pm

could you use a jQuery plugin like this one

http://mikeking.io/succinct/ ?

RyanReese · July 22, 2015, 4:02pm

I’d rather not . I’d prefer justa few lines of jQuery, instead of a plugin.

jeffreylees · July 22, 2015, 4:07pm

The actual plugin is like 50 lines, we could probably pull your few lines of jQuery out of there…

github.com

micjamking/succinct/blob/master/jQuery.succinct.js

/*
 * Copyright (c) 2014 Mike King (@micjamking)
 *
 * jQuery Succinct plugin
 * Version 1.1.0 (October 2014)
 *
 * Licensed under the MIT License
 */

 /*global jQuery*/
(function($) {
	'use strict';

	$.fn.succinct = function(options) {

		var settings = $.extend({
				size: 240,
				omission: '...',
				ignore: true
			}, options);

This file has been truncated. show original

jeffreylees · July 22, 2015, 4:07pm

This file has been truncated. show original

I see what you did there, Discourse.

RyanReese · July 22, 2015, 4:08pm

Does that work though - would the plugin ignore the HTML tags and just grab the raw text (ignoring the HTML)?

Can’t really see if the demo is working to my needs or not.

jeffreylees · July 22, 2015, 4:10pm

Yeah, not sure if it would ignore tags inside the element or not…

mawburn · July 22, 2015, 5:17pm

I’m actually about to solve this same problem. Thanks for this.

cpradio · July 22, 2015, 5:23pm

Would straight CSS work? Do you have a specific width/height to abide by?

cpradio · July 22, 2015, 5:26pm

nm, seems that won’t work with display: table.

RyanReese · July 22, 2015, 5:37pm

No width/height; just basically I don’t want a 1000 word post messing crap up.

The problem with text-overflow is it doesn’t fit my situation unfortunately .

system · October 22, 2015, 12:50am

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.