editor.structSelected() - Get Selected Sub-Structure

Q

How to get the selected sub-structure currently in the Ketcher editor with the editor.structSelected() method?

✍: FYIcenter.com

A

If you want to get detailed information about the selected sub-structure currently in the Ketcher editor, you can use the editor.structSelected() method on the Ketcher Editor interface.

Here is an HTML document that shows you how to get detailed information of the selected sub-structure in the Ketcher editor.

<html>
<!-- editor-get-selected-structure.html Copyright (c) FYIcenter.com. -->
<head>
<title>Get Selected Sub-Structure from Editor</title>
</head>
<body>
<p>Create a molecule structure, then click generate button below the editor:</p>
<iframe id=frmKetcher src="/ketcher/index.html"
  style="width: 680px; height: 400px;"></iframe>

<p><button onclick="generate();">Get Selected Sub-Structure</button></p>
<p>Output:</p>
<pre id=output style="background-color: #ddd;"></pre>
<script>
  var ketcher = null;
  var display = document.getElementById("output");

function generate() {
  frm = document.getElementById("frmKetcher");
  ketcher = frm.contentWindow.ketcher;
  editor = ketcher.editor;
  structure = editor.structSelected();
  display.innerHTML = JSON.stringify(structure, undefined, 2);
}
</script>
</body>
</html>

Open the above HTML document on your local Web server. Draw an ethanol molecule in the editor, and select the C-C bond.

Click "Get Selected Sub-Structure" button, you will see that detailed information of the selected sub-structure in the editor is displayed.

{
  "atoms": {
    "nextId": 2
  },
  "bonds": {
    "nextId": 1
  },
  "sgroups": {
    "nextId": 0
  },
  "halfBonds": {
    "nextId": 0
  },
  "loops": {
    "nextId": 0
  },
  "isReaction": false,
  "rxnArrows": {
    "nextId": 0
  },
  "rxnPluses": {
    "nextId": 0
  },
  "frags": {
    "nextId": 1
  },
  "rgroups": {
    "nextId": 0
  },
  "name": "",
  "abbreviation": "",
  "sGroupForest": {
    "parent": {},
    "children": {},
    "atomSets": {}
  },
  "simpleObjects": {
    "nextId": 0
  },
  "texts": {
    "nextId": 0
  },
  "functionalGroups": {
    "nextId": 0
  },
  "highlights": {
    "nextId": 0
  }
}

⇒ editor.options() - Get Editor Options

⇐ editor.struct().loops - Get Loop List

⇑ Ketcher Editor Interface

⇑⇑ Ketcher - Chemical Structure Editor

2023-11-23, 1176🔥, 0💬

editor.setOptions() - Set Editor Options
How to get a list of options used by the Ketcher editor with the editor.setOptions() method? If you want to update one or more options used by the Ketcher editor, you can use the editor.setOptions() method on the Ketcher Editor interface. Here is an HTML document that shows you how to update some op... 2023-11-18, 1518🔥, 0💬

Ketcher Indigo Interface
Where to find FAQ (Frequently Asked Questions) on Ketcher Indigo Interface? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team on Ketcher Indigo Interface. What Is Ketcher Indigo Interface indigo.calculate() - Calculates Chemical Properties indigo.ge... 2023-11-13, 1473🔥, 0💬

What Is Ketcher Indigo Interface
What is Ketcher Indigo interface? Ketcher Indigo interface is part of the Ketcher JavaScript API that allows you to use some Indigo Toolkit functionalities. To access Ketcher Indigo interface, you need to access the "ketcher" object as a property of the content "window" object of the "iframe" where ... 2023-11-13, 1332🔥, 0💬

editor.struct() - Get Entire Structure
How to get the entire structure currently in the Ketcher editor with the editor.struct() method? If you want to get detailed information about the entire structure currently in the Ketcher editor, you can call the editor.struct() method on the Ketcher Editor interface. Here is an HTML document that ... 2023-12-08, 1180🔥, 0💬

editor.structSelected() - Get Selected Sub-Structure
How to get the selected sub-structure currently in the Ketcher editor with the editor.structSelected() method? If you want to get detailed information about the selected sub-structure currently in the Ketcher editor, you can use the editor.structSelected() method on the Ketcher Editor interface. Her... 2023-11-23, 1177🔥, 0💬

indigo.calculate() - Calculates Chemical Properties
How to calculate chemical properties of a given structure with the indigo.calculate() method? If you want to calculate chemical properties like mass and weight of a given chemical structure you can use the indigo.calculate() method on the Ketcher Indigo interface. Here is an HTML document that shows... 2023-11-09, 1141🔥, 0💬

editor.options() - Get Editor Options
How to get a list of options used by the Ketcher editor with the editor.options() method? If you want to get a list of options used by the Ketcher editor, you can use the editor.options() method on the Ketcher Editor interface. Here is an HTML document that shows you how to get a list of options cur... 2023-11-18, 1110🔥, 0💬

editor.struct().loops - Get Loop List
How to get a list of loops currently in the Ketcher editor with the editor.struct().loops property? If you want to get a list of loops currently in the Ketcher editor, you can use the editor.struct().loops property on the Ketcher Editor interface. Here is an HTML document that shows you how to get a... 2023-11-23, 1068🔥, 0💬

editor.struct().atoms - Get Atom List
How to get a list of atoms currently in the Ketcher editor with the editor.struct().atoms property? If you want to get a list of atoms currently in the Ketcher editor, you can use the editor.struct().atoms property on the Ketcher Editor interface. Here is an HTML document that shows you how to get a... 2023-12-01, 1045🔥, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.