CMS Development

prasadcolumbus
Participant | Partenaire solutions Diamond
Participant | Partenaire solutions Diamond

In Hubspot blog editor how to fix height of the editor ?

Résolue

how to addjust the blog editor height on when click on create post.Currently it's showing below height by default.blog editor.PNG

 

I am using  {{ content.post_body}} this variable on blog post templste

0 Votes
1 Solution acceptée
Jake_Lett
Solution
Guide | Partenaire solutions
Guide | Partenaire solutions

In Hubspot blog editor how to fix height of the editor ?

Résolue

Dennis had a great suggestion. What I did was compare the HTML markup inside the editor vs the preview page. I noticed the container that wraps the post body is a div and then when publishes converts to a span tag.

 

It also has a unique class of inpage-editor-active-field when inside the editor. So add this rule to your stylesheet to add a min-height just when you are editing the post.  

 

/* Make the post body height larger when editing */

#hs_cos_wrapper_post_body.hs-baymax-editor {
min-height:400px;
}

Voir la solution dans l'envoi d'origine

3 Réponses
Jake_Lett
Solution
Guide | Partenaire solutions
Guide | Partenaire solutions

In Hubspot blog editor how to fix height of the editor ?

Résolue

Dennis had a great suggestion. What I did was compare the HTML markup inside the editor vs the preview page. I noticed the container that wraps the post body is a div and then when publishes converts to a span tag.

 

It also has a unique class of inpage-editor-active-field when inside the editor. So add this rule to your stylesheet to add a min-height just when you are editing the post.  

 

/* Make the post body height larger when editing */

#hs_cos_wrapper_post_body.hs-baymax-editor {
min-height:400px;
}
dennisedson
Équipe de développement de HubSpot
Équipe de développement de HubSpot

In Hubspot blog editor how to fix height of the editor ?

Résolue

Hello @prasadcolumbus ,

This is the default height.  Are you wanting it to be larger while editing or are you wanting it to be larger on the production site? 

I imagine you could target some classes that are only used in edit mode if you want it just while editing 🤔

@Jake_Lett , @SandyG1@AlexanderData  how would you all go about this?

0 Votes
prasadcolumbus
Participant | Partenaire solutions Diamond
Participant | Partenaire solutions Diamond

In Hubspot blog editor how to fix height of the editor ?

Résolue

I did n't understand you solution.Can You please eloborate more @dennisedson .

 

Is their any chance to place the default Place Holder text to the Editor when I click on create new post?

0 Votes