从插件修剪推文

Question

I am using this Wordpress plugin

https://smashballoon.com/custom-twitter-feeds/demo

I would like to trim the Tweets to 120 characters.

I have no JS skills and very little php - I tried this which I found but I don't know if it's relevant at all.

$twitter_feed = (strlen($twitter_feed) > 120) ? substr($twitter_feed,0,10).'...' : $twitter_feed;
enter code here

I also attempted to edit my working code for trimming my post titles to suit which did not work.

    function custom_trim_my_tweet( $twitter_feed ) {
        global $uncode_vc_index; 
        if ( is_singular() && !$uncode_vc_index )
            return $twitter_feed;

$twitter_feed = wp_trim_words( $twitter_feed, 9 );
    return $twitter_feed; 
}
add_filter( 'ctf-tweet-text', 'custom_trim_my_tweet' );

Answer 1

To trim the text using JavaScript:

First you have to select the element using a css selector. It's easiest if you can select the elements using an element id, like so:

var tweet = document.getElementById("my_tweet_id");

Then you can grab the text content of the element with element.innerText

var tweetText = tweet.innerText;

Then you can simple cut the length of the text inside the element using string.substring()

tweet.innerText = tweetText.substring(0, 120);

I honestly think you should try to fix this at the plugin/wordpress/php level rather than cutting text in JavaScript. But if that's what you want to do, then the above methos would work.

EDIT: In case the tweet elements do not have unique ID's you will have to select all of them and then loop through each and perform the text-cutting. I'll give you an example of how to do that:

You might have to be a bit creative with your css selectors depending on how the tweets are displayed.

In my example I will assume that you have a div with the ID 'tweets' that then holds five separate div elements, one for each tweet, that all have the same class of 'single-tweet' .

First we get all the 'single-tweet' elements:

var tweets = document.querySelectorAll('#tweets .single-tweet');

tweets now contain a node list of the five 'single-tweet' divs.

Then we loop through them with .forEach() and do the text-cutting on each element.

tweets.forEach( (tweet) => {
    tweet.innerText = tweet.innerText.substring(0, 120);
})

Now all of the 'single-tweet' elements will contain what's left after you cut the text down to 120 characters.