How i can integrate the type function in the following code?

dervlu · September 9, 2023, 7:50am

I tried something, which i saw in the internet. In the preview it looks not bad, excepting that the field on the back, where i can see my mistakes in writing, i not centered.

FRONT: 
"
<!-- Prettify by @pranavdeshai: Basic (front)

Version: 0.1.1
Readme: https://github.com/pranavdeshai/anki-prettify
Links:
- Reddit: https://www.reddit.com/user/Various_Breadfruit48
- GitHub: https://github.com/pranavdeshai
- Buy Me a Coffee: https://www.buymeacoffee.com/pranavdeshai
- Ko-fi: https://ko-fi.com/pranavdeshai

-->
<div class="prettify-flashcard">
  <div class="prettify-deck">{{Deck}}</div>
  <div class="prettify-field prettify-field--front">{{edit:ForeignLanguageWord}}</div>

	**{{type:ForeignLanguagePronunciation}}**

   <div class="prettify-field language-explanation-word-type">{{ForeignLanguageExplanationWordType_1}}</div>
 	 <div class="prettify-field language-explanation-details">{{YourLanguageExplanationDetails_1}}</div>
	 <div class="prettify-field language-explanation-word-type">{{YourLanguageExplanationWordType_2}}</div>

	 <div class="prettify-field language-explanation-details">{{YourLanguageExplanationDetails_2}}</div>
	 <div class="prettify-field language-explanation-word-type">{{YourLanguageExplanationWordType_3}}</div>
	 <div class="prettify-field language-explanation-details">{{YourLanguageExplanationDetails_3}}</div>

  {{#Tags}}
  <div class="prettify-tags">{{clickable:Tags}}</div>
  {{/Tags}}
</div>

<script>
  // Split hierarchical tags
  var tagsContainerEl = document.querySelectorAll('.prettify-tags > *')
  if (tagsContainerEl.length > 0) {
    var tags = []
    tagsContainerEl.forEach((tagEl) => {
      tagEl.classList.add('prettify-tag')
      tags.push(tagEl.innerHTML)
      tags.forEach((tag) => {
        var childTag = tag.split('::').filter(Boolean)
        tagEl.innerHTML = childTag[childTag.length - 1].trim()
      })
    })
  } else {
    tagsContainerEl = document.querySelector('.prettify-tags')
    var tags = tagsContainerEl.innerHTML.split(' ').filter(Boolean)
    var html = ''
    tags.forEach((tag) => {
      var childTag = tag.split('::').filter(Boolean)
      html +=
        "<span class='prettify-tag'>" +
        childTag[childTag.length - 1] +
        '</span>'
    })
    tagsContainerEl.innerHTML = html
  }

  // Breadcrumbs to current deck
  var deckEl = document.querySelector('.prettify-deck')
  var subDecks = deckEl.innerHTML.split('::').filter(Boolean)
  html = []
  subDecks.forEach((subDeck) => {
    html.push("<span class='prettify-subdeck'>" + subDeck + '</span>')
  })
  deckEl.innerHTML = html.join('&nbsp;/&nbsp;')
</script>
"

BACK: 

<!-- Prettify by @pranavdeshai: Basic (back)

Version: 0.1.1
Readme: https://github.com/pranavdeshai/anki-prettify
Links:
- Reddit: https://www.reddit.com/user/Various_Breadfruit48
- GitHub: https://github.com/pranavdeshai
- Buy Me a Coffee: https://www.buymeacoffee.com/pranavdeshai
- Ko-fi: https://ko-fi.com/pranavdeshai

-->
<div class="prettify-flashcard">
  <div class="prettify-deck">{{Deck}}</div>
  <div class="prettify-field prettify-field--front">{{edit:ForeignLanguageWord}}</div>
	   
	<div class="prettify-field language-explanation-word-type">{{ForeignLanguageExplanationWordType_1}}</div>
 	 <div class="prettify-field language-explanation-details">{{YourLanguageExplanationDetails_1}}</div>
	 <div class="prettify-field language-explanation-word-type">{{YourLanguageExplanationWordType_2}}</div>
	 <div class="prettify-field language-explanation-details">{{YourLanguageExplanationDetails_2}}</div>
	 <div class="prettify-field language-explanation-word-type">{{YourLanguageExplanationWordType_3}}</div>
	 <div class="prettify-field language-explanation-details">{{YourLanguageExplanationDetails_3}}</div>

  <hr class="prettify-divider prettify-divider--answer" id="answer" />

  <div class="prettify-field prettify-field--back">{{edit:YourLanguageDefinition}}</div>
	
**{{type:ForeignLanguagePronunciation}}**

  {{#Tags}}
  <div class="prettify-tags">{{clickable:Tags}}</div>
  {{/Tags}}


	 <div class="prettify-field language-explanation-word-type">{{ForeignLanguageExplanationWordType_1}}</div>
   <div class="prettify-field language-explanation-details">{{ForeignLanguageExplanationDetails_1}}</div>

	 <div class="prettify-field language-explanation-word-type">{{ForeignLanguageExplanationWordType_2}}</div>
	 <div class="prettify-field language-explanation-details">{{ForeignLanguageExplanationDetails_2}}</div>

	 <div class="prettify-field language-explanation-word-type">{{ForeignLanguageExplanationWordType_3}}</div>
	 <div class="prettify-field language-explanation-details">{{ForeignLanguageExplanationDetails_3}}</div>
	 <div class="prettify-field"></div>

<script>
  // Split hierarchical tags
  var tagsContainerEl = document.querySelectorAll('.prettify-tags > *')
  if (tagsContainerEl.length > 0) {
    var tags = []
    tagsContainerEl.forEach((tagEl) => {
      tagEl.classList.add('prettify-tag')
      tags.push(tagEl.innerHTML)
      tags.forEach((tag) => {
        var childTag = tag.split('::').filter(Boolean)
        tagEl.innerHTML = childTag[childTag.length - 1].trim()
      })
    })
  } else {
    tagsContainerEl = document.querySelector('.prettify-tags')
    var tags = tagsContainerEl.innerHTML.split(' ').filter(Boolean)
    var html = ''
    tags.forEach((tag) => {
      var childTag = tag.split('::').filter(Boolean)
      html +=
        "<span class='prettify-tag'>" +
        childTag[childTag.length - 1] +
        '</span>'
    })
    tagsContainerEl.innerHTML = html
  }

  // Breadcrumbs to current deck
  var deckEl = document.querySelector('.prettify-deck')
  var subDecks = deckEl.innerHTML.split('::').filter(Boolean)
  html = []
  subDecks.forEach((subDeck) => {
    html.push("<span class='prettify-subdeck'>" + subDeck + '</span>')
  })
  deckEl.innerHTML = html.join('&nbsp;/&nbsp;')
</script>
<div style='font-family: "Liberation Sans"; font-size: 20px;'></div>

dae · September 10, 2023, 4:18am

Please post a screenshot showing what you mean.

dervlu · September 10, 2023, 9:07am

This “type” - Function.

I wanna have it in a other Deck in every Card. So i though that i can just copy something out of the deck with the type-function. But i dosn´t worked.

dae · September 11, 2023, 5:06am

If a different deck has a different field that you want to type in, you’ll need to change ForeignLanguagePronunciation in {{type:ForeignLanguagePronunciation}} to the actual name of the field. All the other stuff you’ve included appears to be extraneous, and I recommend you focus on just {{type:Field}} for now while you’re trying to get it working.