Collapsible code block with Free plan?

• 

  lindemannanaidgmailcom · Member · Jan 22, 2020 at 11:10 am

  • Copy link
  • Add topic to favorites

  Hi,

  I am currently working on a pedagogical website with a Free plan.

  On the exercise page (https://mixedmethodstitanic.wordpress.com/exercise/), I present 2 syntaxes (for R and SPSS) in 2 blocs, so that users can copy/paste the syntax they need. It takes a lot of space and I was wondering whether and how I could:

  – add a sort of collapsible code bloc for each one, so that users can open and close it
  – use a “copy/paste” function so that users can easily copy the syntax without manually select and cmd+S

  Remember that I don’t have a Premium account :(

  Thank you very much for your precious help!!

  The blog I need help with is: (visible only to logged in users)

• 

  musicdoc1 · Member · Jan 22, 2020 at 1:51 pm

  • Copy link

  Hi,

  add a sort of collapsible code bloc for each one

  See the Collapsible Content (Accordion Effect) section of the Advanced HTML support page.

  use a “copy/paste” function so that users can easily copy the syntax without manually select and cmd+S

  I don’t know of any code for that, so I’ll call for staff attention. Staff will respond here.

• 

  fstat · Staff · Jan 22, 2020 at 2:33 pm

  • Copy link

  Hi there,

  The details tag for collapsing content cannot be used on the Code block.

  Also, the automatic copy function will requite code (JavaScript) which is not allowed on the Free plan.

• 

  musicdoc1 · Member · Jan 22, 2020 at 3:21 pm

  • Copy link

  @fstat,

  Thanks for the help! I took the word “code block” to mean a block of code, not specifically the Code Block for the block editor. Also I forgot that Advanced HTML support page pertains only to the Classic Editor (and the WP-Admin editor as well).

• 

  lindemannanaidgmailcom · Member · Jan 22, 2020 at 8:27 pm

  • Copy link

  Hey!

  Thank you so much for your help.

  I managed to create an accordion effect, thank you very much. But it ruined the code (you can have a look if you want, under “2. Exploratory quantitative data analysis” on https://mixedmethodstitanic.wordpress.com/exercise/).

  I’ll see what I can do.

  No worries for the copy/paste function, guess I’ll have to switch to Premium eventually… O.O

  Best

• 

  lindemannanaidgmailcom · Member · Jan 22, 2020 at 8:30 pm

  • Copy link

  Never mind, I realise I just need to ad

  in between the lines of code!
  It’s going to be great, thank you so much!

  I’m a beginner in WordPress :)